{{ if $proID !="" && $class[clist].pro_open_pageid==$page_id}}





<link href="resources/jiaoben1900/css/ShopShow.css?IN=1" type="text/css" rel="stylesheet">	
<link href="resources/jiaoben1900/css/MagicZoom.css" type="text/css" rel="stylesheet">	

<SCRIPT src="resources/jiaoben1900/js/MagicZoom.js" type=text/javascript></SCRIPT>


<div id="tsShopContainer">

	<div id="tsImgS">{{$html10}}</div>
	<div id="tsPicContainer">
		<div id="tsImgSArrL" onclick="tsScrollArrLeft()"></div>
		<div id="tsImgSCon">
			<ul>
				{{$html11}}
			</ul>
		</div>
		<div id="tsImgSArrR" onclick="tsScrollArrRight()"></div>
	</div>
	<img class="MagicZoomLoading" width="16" height="16" src="images/loading.gif" alt="Loading..." />

</div>
<script src="resources/jiaoben1900/js/ShopShow.js"></script>







  <script>
              //商品数量的增加
                function numbers(){
                var Input0=document.getElementById('input0');
                var Input1=document.getElementById('input1');
                var Input2=document.getElementById('input2');
                
                    Input1.onmousedown=function(){
                        this.form.iYear.value++;
var iYear=this.form.iYear.value; 
var UnitPrice= this.form.UnitPrice.value;
  this.form.Charge.value=UnitPrice * iYear;
						$("#input0").change();

                    }
                    
                        Input2.onmousedown=function(){
                            if(Input0.value>1){
                            this.form.iYear.value--;


var iYear=this.form.iYear.value; 
var UnitPrice= this.form.UnitPrice.value;
  this.form.Charge.value=UnitPrice * iYear;



							$("#input0").change();

                        }
                    }

				
                }





function frame_order(){
 var Input3=document.getElementById('input3');
Input3.onmousedown=function(){
var iYear=this.form.iYear.value;
var url="/product/ORder.php?IDProduct={{$proID}}&iYear="+iYear;
	popWin.showWin("800","450","购买产品",url);
	
}
}
 function vhost_button(form_new)
{
	$('#shop')[0].reset();
	Sum(form_new);
}


function Sum(form){
	if(form.Num)
	{
		var Num =parseInt(form.Num.value);
	}
	else
	{
		var Num =1;
	}
	//var Num = form.Num?parseInt(form.Num.value):1;
	form.Charge.value = Num * parseInt(form.UnitPrice.value) * parseInt(form.iYear.value);
}



window.onload = function(){
	Sum(document.forms.shop);
}

            </script>


<form id="shop"  action="/product/ORder.php?IDProduct={{$proID}}" method="post" >
 <div style="width:53%;margin:0px 0px 0 20px;padding:20px;float:left;background:#fff;"><span style="font-size:22px;font-weight:bold;padding-bottom:5px">{{$ProductName}}</span>
 <br>
<div id="topLine"></div>
				

<div class="bdsharebuttonbox" style="float:left;"><a href="#" class="bds_more" data-cmd="more"></a><a href="#" class="bds_qzone" data-cmd="qzone" title="分享到QQ空间"></a><a href="#" class="bds_tsina" data-cmd="tsina" title="分享到新浪微博"></a><a href="#" class="bds_tqq" data-cmd="tqq" title="分享到腾讯微博"></a><a href="#" class="bds_renren" data-cmd="renren" title="分享到人人网"></a><a href="#" class="bds_weixin" data-cmd="weixin" title="分享到微信"></a></div>
<script>window._bd_share_config={"common":{"bdSnsKey":{},"bdText":"","bdMini":"2","bdMiniList":false,"bdPic":"","bdStyle":"1","bdSize":"16"},"share":{},"image":{"viewList":["qzone","tsina","tqq","renren","weixin"],"viewText":"分享到：","viewSize":"16"},"selectShare":{"bdContainerClass":null,"bdSelectMiniList":["qzone","tsina","tqq","renren","weixin"]}};with(document)0[(getElementsByTagName('head')[0]||body).appendChild(createElement('script')).src='http://bdimg.share.baidu.com/static/api/js/share.js?v=89860593.js?cdnversion='+~(-new Date()/36e5)];</script>

<div style="clear:both;height:18px;"></div>

<ul>
{{$html_cs}}


<br>

<li style="font-size:18px;color:#c00;font-weight:bold"> {{$agent_name}} <li><br>
<li>觉得不错欢迎联系我们！</li>
<br><li>电话：{{$agent_tel}}</li>
<br><li>EMAIL：{{$agent_email}}</li>
</ul>		
 


	

	

</div>



<br>



</form>

<div style="clear:both;"></div>



<script type="text/javascript" src="resources/js/tabel_jquery.js"></script>
<style type="text/css">

*{margin:0; padding:0; list-style:none; }
.slideGroup{ width:100%; border:0px solid #ddd; text-align:left; height:100% ;margin-top:20px;}
.slideGroup .parHd{ height:38px; line-height:38px;  padding:0 20px; border-bottom:1px solid #ddd;  position:relative;  }
.slideGroup .parHd ul{ float:left; position:absolute; left:20px; top:-1px; height:38px;   }
.slideGroup .parHd ul li{ float:left; padding:0 15px; cursor:pointer;font-size:16px;  }
.slideGroup .parHd ul li.on{ height:38px;  background:#fff; border:1px solid #ddd; border-bottom:2px solid #fff; }
.slideGroup .parBd{ padding:10px; zoom:1;  height:100%;background:#fff; border:1px solid #ccc }
.slideGroup .slideBox{ overflow:hidden; zoom:1;height:100% ;}

</style>


<div class="slideGroup main ">

    <div class="parHd">
        <ul>







<li ><b>详细介绍</b></li >


<li ><b>在线留言</b></li >



</ul>
    </div> 
    <div class="parBd ">
            <div class="slideBox ">
      






<div style="width:100%;margin:10px;" class="content1">

			   




{{$txtDetail}}
</div>

</div><!-- slideBox End -->
   
   
    <div class="slideBox ">
  
{{include file="customer_pinglun.html"}}
   </div>
   
   
   
   
   
   



        


    </div><!-- parBd End -->
</div>

<script type="text/javascript">


   
    /* 外层tab切换 */
    jQuery(".slideGroup").slide({
		titCell:".parHd li",
		mainCell:".parBd"
		});
</script>  



{{else}}


{{if $class[clist].pro_ms=="1"}}

	<style>
.product_list{width:100%;}

	
		.product_list .product{border:solid 1px #ccc; width:240px; padding:5px;  float:left; margin:0 10px 25px 10px; height:254px; overflow:hidden}
.product_list .product:hover{border-color:#c00 !important; box-shadow:0 0 0px 0 #888}
	
		.product_list .hot{border-color:#888 !important; box-shadow:0 0 2px 0 #888}
		.product_list .product a{font-weight:bold; display:block; margin-bottom:2px;text-align:center;color:#c00;font-size:14px}
		.product_list .product a.name{height:20px; margin-top:13px; line-height:14px;}
		.product_list .product a.photo{ margin-left:-2px}
		.product_list .product .price{margin-top:10px}
		.product_list .product .intro{height:32px ; line-height:16px;font-size:12px;color:#666;text-align:center}
		.product_list .product .intro:hover{color:#3366ff;}
			.product_list .product .price span{display:block; margin-bottom:5px}
			.product_list .product .price strong{font-size:14px;color:red;}
				.product_list .product .price .regular_price em{text-decoration:line-through; color:#666}
				</style>

<ul class="product_list">
{{section name=plist loop=$class[clist].produ}}

	<li class="product purchase_limit">
						<a class="photo" href="index.php?proID={{$class[clist].produ[plist].proID}}&page_id={{$class[clist].pro_open_pageid}}&lang={{$lang}}"><img src='{{if $class[clist].produ[plist].Pic==""}}resources/no_pic.png{{else}}{{$class[clist].produ[plist].Pic}}{{/if}}' width="{{$class[clist].pro_pic_w}}"  height="{{$class[clist].pro_pic_y}}" /></a>
						<a class="name" href="index.php?proID={{$class[clist].produ[plist].proID}}&page_id={{$class[clist].pro_open_pageid}}&lang={{$lang}}">{{$class[clist].produ[plist].ProductName}}</a>
					<div class="intro">{{$class[clist].produ[plist].ParentID}}</div>

					
				
		</li>
{{/section}}
	
  <div class="pagination" id="J_newsPagination">
                 <div name="laypage1.3" class="laypage_main laypageskin_default" id="laypage_0">
                   <div class='page'>
{{$class[clist].pagers}}
</div>
                 </div>



            </div>
	
</ul>




{{elseif $class[clist].pro_ms=="5"}}


						


 <div id="Roll{{$class[clist].id}}" style="overflow:hidden;height:100%;width:100%;">
		   <table align="left" cellpadding="0" cellspacing="0" border="0">
			<tr>
			  <td id="Roll1{{$class[clist].id}}">
				<table width="100%" height="100%" border="0">
 <tr>




{{section name=plist loop=$class[clist].produ}}
<td style="text-align:center">
 <div class="img" style="margin:10px 10px 10px 0px;padding:1px;border:1px solid #ddd">
 <a href="index.php?proID={{$class[clist].produ[plist].proID}}&page_id={{$class[clist].pro_open_pageid}}&lang={{$lang}}" >
 <Img Src='{{if $class[clist].produ[plist].Pic==""}}resources/no_pic.png{{else}}{{$class[clist].produ[plist].Pic}}{{/if}}' width="{{$class[clist].pro_pic_w}}"  height="{{$class[clist].pro_pic_y}}" />
</a>
						<a class="name" href="index.php?proID={{$class[clist].produ[plist].proID}}&page_id={{$class[clist].pro_open_pageid}}&lang={{$lang}}" border='0' alt='{{$class[clist].produ[plist].ProductName}}' width='190' height='155'  align='absmiddle'/></a></div>
 <div class='t'><a href='index.php?proID={{$class[clist].produ[plist].proID}}&page_id={{$class[clist].pro_open_pageid}}&lang={{$lang}}' >{{$class[clist].produ[plist].ProductName}}</a> </div>
</td>


{{/section}}


</tr></table>

			  </td>
			  <td id="Roll2{{$class[clist].id}}"></td>
			</tr>
			</table>
		 </div>

		  <script laguage="javascript" type="text/javascript">
		
			var leftspeed{{$class[clist].id}} = 30;
			document.getElementById("Roll2{{$class[clist].id}}").innerHTML = document.getElementById("Roll1{{$class[clist].id}}").innerHTML;
			function MarqueeLeft{{$class[clist].id}}(){
			if(document.getElementById("Roll2{{$class[clist].id}}").offsetWidth-document.getElementById("Roll{{$class[clist].id}}").scrollLeft<=0)
			document.getElementById("Roll{{$class[clist].id}}").scrollLeft-=document.getElementById("Roll1{{$class[clist].id}}").offsetWidth
			else{
			 document.getElementById("Roll{{$class[clist].id}}").scrollLeft++
			}}
			var MyMarleft{{$class[clist].id}} = setInterval(MarqueeLeft{{$class[clist].id}}, leftspeed{{$class[clist].id}})
			document.getElementById("Roll{{$class[clist].id}}").onmouseover=function() {clearInterval(MyMarleft{{$class[clist].id}})}
			document.getElementById("Roll{{$class[clist].id}}").onmouseout=function() {MyMarleft{{$class[clist].id}}=setInterval(MarqueeLeft{{$class[clist].id}},leftspeed{{$class[clist].id}})}
		
		 </script>



{{elseif $class[clist].pro_ms=="2"}}


<link href="resources/jiaoben1900/css/pro_list.css" type="text/css" rel="stylesheet">	

{{section name=plist loop=$class[clist].produ}}


<div class="view view-tenth">
<img src='{{if $class[clist].produ[plist].Pic==""}}resources/no_pic.png{{else}}{{$class[clist].produ[plist].Pic}}{{/if}}' width="{{$class[clist].produ[plist].pro_pic_w}}"  height="{{$class[clist].produ[plist].pro_pic_y}}" />
<div class="mask">
<h2>{{$class[clist].produ[plist].ProductName}}</h2>
<p>{{$class[clist].produ[plist].txtDetail}}</p>
<a href="index.php?proID={{$class[clist].produ[plist].proID}}&page_id={{$class[clist].pro_open_pageid}}&lang={{$lang}}" class="link">查看详情</a>
</div>
</div>



{{/section}}










  <div class="pagination" id="J_newsPagination">
                 <div name="laypage1.3" class="laypage_main laypageskin_default" id="laypage_0">
                   <div class='page'>
{{$class[clist].pagers}}
</div>
                 </div>



            </div>
{{elseif $class[clist].pro_ms=="3"}}
<style>

.product_list_2{}
	.product_list_2 h1{font-size:16px; line-height:30px; background:url(../images/icons.png) no-repeat -10px -312px; padding-left:25px}
		.product_list_2 h1 span{font-size:14px; font-weight:normal}
	.product_list_2 .product{border:solid 1px #ddd; padding:5px; margin-bottom:5px; overflow:hidden; background:#fff}
	.product_list_2 .hot{border-color:#888 !important; box-shadow:0 0 2px 0 #888}
		.product_list_2 .product .intro{width:665px; float:left; position:relative; height:100px; padding-left:5px}
		.product_list_2 .product .brief{line-height:16px; position:absolute;bottom:15px;color:#666}
		.product_list_2 .product a.name{margin-top:8px; line-height:14px; font-size:14px; font-weight:bold; display:block; width:470px}
		.product_list_2 .product a.photo{width:100px; height:100px; float:left}
			.product_list_2 .product a.photo img{width:100px; height:100px}
		.product_list_2 .product .price{position:absolute; right:0; top:10px}
			.product_list_2 .product .price span{margin-bottom:5px; margin-left:10px}
			.product_list_2 .product .price strong{font-size:14px}
			.product_list_2 .product .price .regular_price em{text-decoration:line-through; color:#666}
		.product_list_2 .product .properties{color:#888; position:absolute; top:30px}
			.product_list_2 .product .properties li{float:left; margin-right:10px}
				.button_1{border:none; background:url(resources/images/button_1_bg.gif) repeat-x top; height:29px; line-height:29px; display:inline-block; color:#fff !important; font-weight:bold; cursor:pointer; text-align:center; padding:0 15px; text-decoration:none !important; font-size:14px}
			</style>
<div class="product_list_2">
{{section name=plist loop=$class[clist].produ}}
<div class="product">
					<a class="photo" target="_blank" href="index.php?proID={{$class[clist].produ[plist].proID}}&page_id={{$class[clist].pro_open_pageid}}&lang={{$lang}}"><img src='{{if $class[clist].produ[plist].Pic==""}}resources/no_pic.png{{else}}{{$class[clist].produ[plist].Pic}}{{/if}}' width="{{$class[clist].pro_pic_w}}"  height="{{$class[clist].pro_pic_y}}" /></a>
					<div class="intro">
						<a class="name" target="_blank" href="index.php?proID={{$class[clist].produ[plist].proID}}&page_id={{$class[clist].pro_open_pageid}}&lang={{$lang}}">{{$class[clist].produ[plist].ProductName}}</a>
						<ul class="properties">
							<li>时间:{{$class[clist].produ[plist].dtCreate}} </li>
						</ul>						<div class="brief">
							{{$class[clist].produ[plist].txtDetail}}						</div>
						<div class="clear"></div>
						<div class="price">
							<span class="regular_price">原价: ￥<em>{{$class[clist].produ[plist].Price*1.5}}</em></span>
							<span class="discount_price">现价: ￥<strong>{{$class[clist].produ[plist].Price}}</strong></span>
							<div style="text-align:center;margin-top:20px;">
<a href="index.php?proID={{$class[clist].produ[plist].proID}}&page_id={{$class[clist].pro_open_pageid}}&lang={{$lang}}" class="button_1">立即购买</a></div>
						</div>
						<p class="brief">	 </p>
					</div>
				</div>


{{/section}}

</div>




 <div class="pagination" id="J_newsPagination">
                 <div name="laypage1.3" class="laypage_main laypageskin_default" id="laypage_0">
                   <div class='page'>
{{$class[clist].pagers}}
</div>
                 </div>



            </div>







{{elseif $class[clist].pro_ms=="4"}}

	<style>
.product_list{width:100%;padding:10px 0px;}

	
	
	.product_list .product_microsoft{border:solid 1px #ddd; width:466px; float:left; height:209px; margin-right:10px;margin-bottom:10px; background:#fff}
			.product_list .product_microsoft .left{float:left;}
			.product_list .product_microsoft dl{width:200px; float:left; margin-left:10px}
			.product_list .product_microsoft dt{margin-top:10px; line-height:14px}
				.product_list .product_microsoft dt span{font-weight:bold}
				.product_list .product_microsoft dt img{margin-top:20px; margin-bottom:20px}
			.product_list .product_microsoft .right{width:160px; height:191px; float:left; padding:0px 10px; background:url() no-repeat}
				.product_list .product_microsoft .right h2{font-size:13px; margin-top:20px;border-bottom:1px dashed #ccc;padding-bottom:5px}
				.product_list .product_microsoft .right ul{margin-top:20px; line-height:14px}
				.product_list .product_microsoft .right .price{margin-top:30px}
					.product_list .product_microsoft .right .price span{display:block; margin-bottom:5px}
					.product_list .product_microsoft .right .price strong{font-size:16px}
					.product_list .product_microsoft .purchase_limit_1{background-image:url()}
					.product_list .product_microsoft .actions{margin-top:20px}
		.product_list .product_microsoft:hover{border-color:#888 !important; box-shadow:0 0 2px 0 #888}
		.button_1{border:none; background:url(resources/images/button_1_bg.gif) repeat-x top; height:29px; line-height:29px; display:inline-block; color:#fff !important; font-weight:bold; cursor:pointer; text-align:center; padding:0 15px; text-decoration:none !important; font-size:14px}
				</style>

<ul class="product_list">
			{{section name=plist loop=$class[clist].produ}}
			<li class="product_microsoft" style="{{cycle values=",float:right;margin-right:0px"}}">
				<a href="index.php?proID={{$class[clist].produ[plist].proID}}&page_id={{$class[clist].pro_open_pageid}}&lang={{$lang}}" class="left"><img src='{{if $class[clist].produ[plist].Pic==""}}resources/no_pic.png{{else}}{{$class[clist].produ[plist].Pic}}{{/if}}' width="{{$class[clist].pro_pic_w}}"  height="{{$class[clist].pro_pic_y}}" /></a>
				
				<div class="right purchase_limit_1">
				<h2>{{$class[clist].produ[plist].ProductName}}</h2>

					<ul style="margin-top:10px">
						<li>{{$class[clist].produ[plist].txtDetail}} </li>
						
					</ul>
					<div class="price" style="margin-top:20px">
					
					<span class="regular_price">
					</span>
					<span class="discount_price">
						售价:￥ <strong>{{$class[clist].produ[plist].Price}}</strong>
					</span>
					</div>
					<div class="actions" style="margin-top:10px">
						
						<a href="index.php?proID={{$class[clist].produ[plist].proID}}&page_id={{$class[clist].pro_open_pageid}}&lang={{$lang}}" class="button_1">立即购买</a>
					</div>
				</div>
			</li>


{{/section}}

</ul>


 <div class="pagination" id="J_newsPagination">
                 <div name="laypage1.3" class="laypage_main laypageskin_default" id="laypage_0">
                   <div class='page'>
{{$class[clist].pagers}}
</div>
                 </div>



            </div>






			{{else}}


<style>


		.apple_product .tab1_1{ padding-top:20px;}
			.apple_product .tab1_1 li{text-align:center; margin-left:10px; *margin-left:10px; _margin-left:8px; margin-right:3px; font-size:12px; display:inline-block; float:left}
			.apple_product .tab1_1 li font{font-weight:bold; line-height:20px; display:block}
			.apple_product .tab1_1 li img{border:none}
			.apple_product .tab1_1 li a.desc{font-weight:normal; line-height:24px; height:24px; border:solid 1px #fff; padding:0 5px; display:inline-block}
			.apple_product .tab1_1 li .hot{border:#d8d8d8 solid 1px !important; text-decoration:none}
		.apple_product .tab1_2{}	
			.apple_product .tab1_2 p{line-height:25px;}
				.apple_product .tab1_2 p span{color:red;}
				.apple_product .tab1_2 p strong{font-size:18px;}

</style>
<div class="apple_product">
<div class="tab1 tab1_1 tab1_2" >

<ul>
{{section name=plist loop=$class[clist].produ}}
<li>
<a href="index.php?proID={{$class[clist].produ[plist].proID}}&page_id={{$class[clist].pro_open_pageid}}&lang={{$lang}}" class="goto_apple_store" >
<img src='{{if $class[clist].produ[plist].Pic==""}}resources/no_pic.png{{else}}{{$class[clist].produ[plist].Pic}}{{/if}}' width="{{$class[clist].pro_pic_w}}"  height="{{$class[clist].pro_pic_y}}" />
<font>{{$class[clist].produ[plist].ProductName}}</font></a>
<p>官方售价: <span>RMB <strong>{{$class[clist].produ[plist].Price}}</strong></span>  </p>

<a class="desc goto_apple_store" href="index.php?proID={{$class[clist].produ[plist].proID}}&page_id={{$class[clist].pro_open_pageid}}&lang={{$lang}}" >查看详细></a>
</li>
{{/section}}
</ul>
</div></div>
     
  <div class="pagination" id="J_newsPagination">
                 <div name="laypage1.3" class="laypage_main laypageskin_default" id="laypage_0">
                   <div class='page'>
{{$class[clist].pagers}}
</div>
                 </div>  </div>

    {{/if}}

           {{/if}}