{template 'header.html'}
<div style="height:80px;"></div>
<div class="w_set">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td width="210">{template 'left.html'}</td>
    <td width="20">&nbsp;</td>
    <td>
	<div style="height:45px; line-height:45px; font-size:24px; border-bottom:#CCCCCC 1px solid; text-align:center;">{$archive[title]}</div>
<div class="blank5"></div>
<style type="text/css">
<!--
/*选项卡1*/
#lib_zzjs_1{width:930px;margin:0px;padding:0px;margin-bottom:15px;}
/*选项卡2*/
#lib_zzjs_2{width:930px;margin:0px;padding:0px;margin-bottom:15px; }
/*选项卡3*/
#lib_zzjs_3{width:930px;margin:0px;padding:0px;margin-bottom:15px; }
/*选项卡4*/
#lib_zzjs_4{width:970px;margin:0px;padding:0px;margin-bottom:15px; }
/*选项卡5*/
#lib_zzjs_5{width:930px;margin:0px;padding:0px;margin-bottom:15px; }
/*菜单class*/
.lib_border_zzjs{border:0px solid #ddd;}
.lib_menu_zzjsnet {height:32px;line-height:32px;position:relative; background-color:#F0F0F0;}
.lib_menu_zzjsnet ul{margin:0px;padding:0px;list-style:none; position:absolute; top:0px; left:0; margin-left:0px; height:32px;text-align:center;}
.lib_menu_zzjsnet li{float:left;display:block;cursor:pointer;width:480px;color:#333333; margin-right:0px;height:32px;line-height:32px; background-color:#F0F0F0; font-size:14px; border-right:#fff 1px solid;}
.lib_menu_zzjsnet li.hover{padding:0px;background:#0067B5;width:480px;height:32px;line-height:32px; color:#FFFFFF;font-weight:bold;}
.lib_Contentbox_zzjs{clear:both;margin-top:0px; border-top:none;}
-->
</style>
<script>
<!--
function settab_zzjsnet(name,cursel,n){
 for(i=1;i<=n;i++){
  var menu=document.getElementById(name+i);
  var zzjs=document.getElementById("zzjs_"+name+"_"+i);
  menu.className=i==cursel?"hover":"";
  zzjs.style.display=i==cursel?"block":"none";
 }
}//
//-->
</script>

<div id="lib_zzjs_4">
<div class="lib_menu_zzjsnet lib_border_zzjs">
<ul>
   <li id="zzjs_41" onMouseOver="settab_zzjsnet('zzjs_4',1,3)" class="hover">产品图片</li>
   <li id="zzjs_42" onMouseOver="settab_zzjsnet('zzjs_4',2,3)">产品概况</li>
</ul>
</div>
 <div class="lib_Contentbox_zzjs lib_border_zzjs">
   <div id="zzjs_zzjs_4_1"><div class="blank10"></div>
	<div style="line-height:21px;"><div class="product_img" style="float: left; margin-left:0px; margin-top:-25px;">
<!-- 大图 -->
<div  class="bd" style="height:442px; overflow:hidden;">
{if $archive[pics]}
{loop $archive[pics] $pic}<div class="showDiv"><a href="{$pic[url]}" rel="example_group"><img src="{$pic[url]}" alt="{$pic[alt]}" onerror='this.src="{config::get('onerror_pic')}"' /></a></div>{/loop}
 
</div>
<div class="blank30"></div>
    <!-- 小图 -->
    <div class="hd">
        <ul>
		{loop $archive[pics] $pic}
           <li><a href="javascript:;"><img src="{$pic[url]}" alt="{$pic[alt]}" onerror='this.src="{config::get('onerror_pic')}"'   /></a></li>
{/loop}
        </ul>
    </div>
{/if}
</div>
<script type="text/javascript">
	jQuery(".product_img").slide({ effect:"fold", autoPlay:true, delayTime:300, startFun:function(i){
		}
	});
</script></div>
	 </div>
   <div id="zzjs_zzjs_4_2" style="display:none"><div class="blank10"></div>     {$archive[content]}
</div>
 </div>
</div>

</td>
  </tr>
</table>

</div>
<div class="blank20"></div>
<script type="text/javascript" src="{$skin_path}/js/fancybox/jquery.mousewheel-3.0.4.pack.js"></script>
<script type="text/javascript" src="{$skin_path}/js/fancybox/jquery.fancybox-1.3.4.pack.js"></script>
<link rel="stylesheet" type="text/css" href="{$skin_path}/js/fancybox/jquery.fancybox-1.3.4.css" media="screen" />
<script type="text/javascript">
		$(document).ready(function() {
			/*
			*   Examples - images
			*/

			$("a#example1").fancybox();

			$("a#example2").fancybox({
				'overlayShow'	: false,
				'transitionIn'	: 'elastic',
				'transitionOut'	: 'elastic'
			});

			$("a#example3").fancybox({
				'transitionIn'	: 'none',
				'transitionOut'	: 'none'	
			});

			$("a#example4").fancybox({
				'opacity'		: true,
				'overlayShow'	: false,
				'transitionIn'	: 'elastic',
				'transitionOut'	: 'none'
			});

			$("a#example5").fancybox();

			$("a#example6").fancybox({
				'titlePosition'		: 'outside',
				'overlayColor'		: '#000',
				'overlayOpacity'	: 0.9
			});

			$("a#example7").fancybox({
				'titlePosition'	: 'inside'
			});

			$("a#example8").fancybox({
				'titlePosition'	: 'over'
			});

			$("a[rel=example_group]").fancybox({
				'transitionIn'		: 'none',
				'transitionOut'		: 'none',
				'titlePosition' 	: 'over',
				'titleFormat'		: function(title, currentArray, currentIndex, currentOpts) {
					return '<span id="fancybox-title-over">Image ' + (currentIndex + 1) + ' / ' + currentArray.length + (title.length ? ' &nbsp; ' + title : '') + '</span>';
				}
			});

			/*
			*   Examples - various
			*/

			$("#various1").fancybox({
				'titlePosition'		: 'inside',
				'transitionIn'		: 'none',
				'transitionOut'		: 'none'
			});

			$("#various2").fancybox();

			$("#various3").fancybox({
				'width'				: '75%',
				'height'			: '75%',
				'autoScale'			: false,
				'transitionIn'		: 'none',
				'transitionOut'		: 'none',
				'type'				: 'iframe'
			});

			$("#various4").fancybox({
				'padding'			: 0,
				'autoScale'			: false,
				'transitionIn'		: 'none',
				'transitionOut'		: 'none'
			});
		});
	</script>

{template 'footer.html'}