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





<link href="resources/jiaoben1900/css/ShopShow.css" 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+"&lang={{$lang}};
	popWin.showWin("800","450","{{$lang_cp}} {{$lang_dg}}",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}}&lang={{$lang}}" method="post" >
 <div style="width:60%;margin:20px 20px;float:left;"><span style="font-size:22px;font-weight:bold;padding-bottom:5px">{{$ProductName}}</span>
 <br>
<div id="topLine"></div>

<br>

{{$lang_jg}} : <font  style="">{{$lang_rmb}}<input style="color:red;font-size:18px;font-weight:bold;border:0;" name='Charge' type='text' class="inputbox" size="10" value="{{$Price}}"  readonly></font>
<br>
<ul>
{{$html_cs}}

<li>{{$lang_sjtime}} :  {{$dtCreate}}<li>
</ul>		
   <br>
  {{$lang_sl}}： <input class="inputbox" id="input2" type=button value="-" onmousedown="numbers();">
                <input class="inputbox" size=3 id="input0" type=text name="iYear" value="1" style="text-align:center;"  onchange="Sum(this.form)" >
                <input class="inputbox" id="input1" type=button value="+" onmousedown="numbers();">
					   <br>
   <br>


	
<a  onmousedown='frame_order();' href="javascript:" >

<input type="button" id="input3" name="Submit" value="{{$lang_ljgm}}" class="button yahei bg4"></a>


						<input  onclick="vhost_button(this.form)" type="button"  class="button yahei bg4" value="{{$lang_cz}}">
						<input type="hidden" name="IDProduct" value="{{$IDProduct}}">
						<input type="hidden"  name="UnitPrice" value="{{$UnitPrice}}">
 <br>
<br>
<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>






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

<div style="font-size:20px;margin-bottom:20px;margin-top:20px;border-bottom:1px solid #f1f4f4;padding:10px 20px 10px 20px;font-weight:bold;display:block">{{$lang_cpxq}}：			   

 </div>

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

			   




{{$txtDetail}}
</div>



{{else}}
<style>


		.apple_product .tab1_1{}
			.apple_product .tab1_1 li{position:relative;border:1px solid #ddd;text-align:center; margin-left:10px; *margin-left:10px; _margin-left:8px; margin-right:3px;margin-top:15px; font-size:12px; display:inline-block; float:left;width:{{$class[clist1].pro_pic_w}};height:{{$class[clist1].pro_pic_y}};padding:0px ;}
	.apple_product .tab1_1 li{ {{if $class[clist1].border_xk && $class[clist1].border_xx && $class[clist1].border_color}}border:{{$class[clist1].border_xk}} {{$class[clist1].border_xx}} {{$class[clist1].border_color}};{{/if}}
-webkit-border-radius: {{$class[clist1].border_yj}};-moz-border-radius: {{$class[clist1].yj}};border-radius: {{$class[clist1].border_yj}};
-webkit-box-shadow: {{$class[clist1].border_yys}} 0px 0px {{$class[clist1].border_yy}};
-moz-box-shadow: {{$class[clist1].border_yys}} 0px 0px {{$class[clist1].border_yy}};
box-shadow: {{$class[clist1].border_yys}} 0px 0px {{$class[clist1].border_yy}};
}
			
.apple_product .tab1_1 li:hover{

 {{if $class[clist1].border_xkyr && $class[clist1].border_xxyr && $class[clist1].border_coloryr}}border:{{$class[clist1].border_xkyr}} {{$class[clist1].border_xxyr}} {{$class[clist1].border_coloryr}};{{/if}}

-webkit-border-radius: {{$class[clist1].border_yjyr}};-moz-border-radius: {{$class[clist1].yjyr}};border-radius: {{$class[clist1].border_yjyr}};
-webkit-box-shadow: {{$class[clist1].border_yysyr}} 0px 0px {{$class[clist1].border_yyyr}};
-moz-box-shadow: {{$class[clist1].border_yysyr}} 0px 0px {{$class[clist1].border_yyyr}};
box-shadow: {{$class[clist1].border_yysyr}} 0px 0px {{$class[clist1].border_yyyr}};
}

.apple_product .tab1_1 li:hover .apple_product .tab1_1 li font{
background:{{if $class[clist1].link_bgyr || $class[clist1].link_bgtm}}rgba({{$class[clist1].link_bgyrrgb}},{{$class[clist1].link_bgtm}}){{else}}{{/if}};}

.apple_product .tab1_1 li font{position:absolute;background:{{if $class[clist1].link_bg || $class[clist1].link_bgtm}}rgba({{$class[clist1].link_bgrgb}},{{$class[clist1].link_bgtm}}){{else}}{{/if}};color:{{$class[clist1].link_color}}; line-height:35px; display:block;width:100%;height:35px;bottom:0px;}
			.apple_product .tab1_1 li font:hover{position:absolute;background:{{if $class[clist1].link_bgyr || $class[clist1].link_bgtm}}rgba({{$class[clist1].link_bgyrrgb}},{{$class[clist1].link_bgtm}}){{else}}{{/if}};color:{{$class[clist1].link_color}}; line-height:35px; display:block;width:100%;height:35px;bottom:0px;}
		
.apple_product .tab1_1 li font a{color{{$class[clist1].link_color}};}
				
.apple_product .tab1_1 li img{border:none;width:100%;}
			.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{ background:{{$class[clist1].color_bg}}}	
.apple_product .tab1_2:hover{ background:{{$class[clist1].color_bgyr}}}	
	
			.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[clist1].produ}}
<li>
<a href="index.php?proID={{$class[clist1].produ[plist].proID}}&page_id={{$class[clist1].pro_open_pageid}}" class="goto_apple_store" >
<img src='{{if $class[clist1].produ[plist].Pic==""}}resources/no_pic.png{{else}}{{$class[clist1].produ[plist].Pic}}{{/if}}' width="{{$class[clist1].pro_pic_w}}"  height="{{$class[clist1].pro_pic_y}}" />
<font>{{$class[clist1].produ[plist].ProductName}}</font></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[clist1].pagers}}
</div>
                 </div>



            </div>
       

{{/if}}


