{include file="header.html"} 
					  <style> 
					/*图片展示最终页*/
					#imgShow{ width:960px; margin:0 auto;}
					#imgShow .dz{ text-align:left; text-indent:1em; border-bottom:2px solid #CCCCCC; height:25px; line-height:25px;}
					#imgShow #imgShowA{} 
					#imgShow #imgShowA img{ position:relative; top:2px;}
					#imgShow #imgShowA a{ color:#666; };

					#imgShow .backcolor{width:960px;height: 24px;border-bottom-style:solid; border-bottom-width:1px; border-bottom-color:#CCCCCC;margin:5px 0 5px 0;} 
					#imgShow #imgShowA .left{width:500px; float:left; text-align:left;height:24px;line-height: 24px; overflow:hidden;}
					#imgShow #imgShowA .right{width:500px; float:right; text-align:right;height:24px;line-height: 24px;  overflow:hidden;}

					#imgShow #imgShowB{ overflow:hidden;}
					#imgShow #imgShowB .left{ width:710px; float:left; position:relative; }
					#imgShow #imgShowB .left .next{ background:url({$template_path}images/imgbtn04.gif); width:57px; height:57px;  position:absolute; right:0px; top:180px;}
					#imgShow #imgShowB .left .prev{  background:url({$template_path}images/imgbtn03.gif); width:57px; height:57px;  position:absolute; left:0px; top:180px;}
					#imgShow #imgShowB .left .next a{  width:57px; height:57px; display:block;  }
					#imgShow #imgShowB .left .prev a{  width:57px; height:57px; display:block;  }
					#imgShow #imgShowB .left .img{ clear:both;width:600px; margin:0 auto; }
					#imgShow #imgShowB .left .text{ text-align:center; height:35px; line-height:35px;font-size:14px;font-weight: bold}
					#imgShow #imgShowB .left .intro{ border-top:5px solid #F7F7F7; text-align:left; line-height:25px; padding:10px 15px; color:#666666;}

					#imgShow #imgShowB .right{ width:180px; float:right; margin-right:20px; display:inline; }
					#imgShow #imgShowB .right .up{ background: url({$template_path}images/imgbtn05.gif); width:180px; height:20px; }
					#imgShow #imgShowB .right .down{ background: url({$template_path}images/imgbtn06.gif); width:180px; height:20px;  }
					#imgShow #imgShowB .right .up a{ width:180px; height:20px; display:block; }
					#imgShow #imgShowB .right .down a{ width:180px; height:20px; display:block; }
					#imgShow #imgShowB .right .box{ border-bottom:2px solid #447080; border-top:2px solid #447080;  background:#EEEEEE; height:510px; overflow:hidden; padding:5px 0px 5px 25px;  }
					#imgShow #imgShowB .right .box img{ margin:8px 0 0 0;}
					</style> 
<DIV id=main>
 
	<div  style="width:960px;margin: 0;padding: 0">
		<div id="p_title">
			<div class="p_left_nava">
				<ul>{$home.nowNave}</ul>
			</div>
		</div>
		<div class="blank2"></div>
		<div class="nr" style="width:960px;margin: 0;padding: 0">   
 
				<div id="imgShow"> 
 
						
						<div id="imgShowB">
							<div class="left">

							<div class="text"> {$home.producttxt.nowproname} </div>

								<div id="showist" >  
									<div class="img" id="article" > 
										<img src="{$home.producttxt.img_list.1.filename}" width="600" id="main_img" />
									</div> 
								</div> 

							</div>

							<div class="right">
								<div class="up"><a id="gotop" href="#"></a></div>
								<div class="box" id="showArea"> 
									{if $home.producttxt.img_list} 
										<!-- {foreach from=$home.producttxt.img_list item=img_listx} --> 
											<div style="margin-top:15px;">
											<a onmouseover="showbigimg('{$img_listx.filename}')" style="cursor:pointer"><img SRC="{$img_listx.thumb_url}"  BORDER="0" style="margin:auto;padding:2px;" width="120" height="90" title="{$img_listx.descs}" ></a> 
											</div>
										<!-- {/foreach} --> 
									{/if}
								</div>
								<div class="down"><a id="gobottom" href="#"></a></div>
							</div>
						</div>
					</div> 
					<script type="text/javascript" src="js/pic.js"></script> 
					<script language="JavaScript">
					  {literal} 
						function showbigimg(bigsrc){
							//var  aa=document.getElementById(id).src; 
						 	document.getElementById("main_img").src=bigsrc; 
						}

						//缩放图片到合适大小
						function ResizeImages()
						{
							var myimg,oldwidth,oldheight;
							var maxwidth =600;
							var maxheight=500;
							var imgs = document.getElementById('main_img');   //如果你定义的id不是article，请修改此处

							for(i=0;i<imgs.length;i++){
								myimg = imgs[i]; 
								if(myimg.width > myimg.height)
								{
									 if(myimg.width > maxwidth)
									 {
										oldwidth = myimg.width;
										myimg.height = myimg.height * (maxwidth/oldwidth);
										myimg.width = maxwidth;
									 }
								}else{
									if(myimg.height > maxheight)
									{
										oldheight = myimg.height;
										myimg.width = myimg.width * (maxheight/oldheight);
										myimg.height = maxheight;
									}
								}
							}
						}
						//缩放图片到合适大小
						ResizeImages();  
					  {/literal}
					</script> 
			</div>
	  </div>
</div>
<!-- 预览图片预载入 -->
<div style="display:none">
<!-- {foreach from=$home.producttxt.img_list item=img_listx} --> 
	 <img src="{$img_listx.filename}"  style="width:0px;height:0" />
<!-- {/foreach}--> 
</div> 




		</div>
	</div> 
</DIV>  
{include file="footer.html"}