<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>{?$row.title?} - {?$saxue_sitename?}</title>
<meta http-equiv="keywords" content="{?$row.title?}" />
<meta name="description" content="{?$row.intro?}" />
<link href="{?$saxue_skin_url?}/css/style.css" rel="stylesheet" type="text/css" />
<link href="{?$saxue_skin_url?}/css/content.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="{?$saxue_skin_server?}/lib/jquery1.7.2.js"></script>
<script type="text/javascript" src="{?$saxue_skin_url?}/js/jquery-ui-1.10.3.custom.min.js"></script>
<script type="text/javascript" src="{?$saxue_skin_url?}/js/public.js"></script>
<script type="text/javascript" src="{?$saxue_skin_url?}/js/jqzoom.js"></script>
</head><style type="text/css"></style>
<body>
{?include file = "header.html"?}
<div id="banner">
	<div id="bannerCon">
		<img src="{?$saxue_skin_url?}/images/banner_text.png" id="bannerText" />
		<p id="bannerTit"><a href="/" class="aGray">Home</a>{?section name=i loop=$catpos?} - <a href="{?$catpos[i].url?}" class="aGray">{?$catpos[i].name?}</a>{?/section?}<span>Product</span></p>
	</div>
</div>
<style type="text/css">.zxx_image_zoom_list img.zxx_zoom_image{position:relative;}.zxx_image_zoom_list:hover,.zxx_image_zoom_list:hover img.zxx_zoom_image{border-color:#ff3300;}.zxx_image_zoom_div{width:300px; height:300px; padding:0px; background:white; border:1px solid #DDDDDD; margin-top:-1px; text-align:center; position:absolute; z-index:1000; left:0; top:0; overflow:hidden;}</style>
<div id="main">
	<div>
		<div id="mainC_l">
			<div style="margin-top:18px;">
				<ul class="prolist_side">
					{?section name=i loop=$saxue_menu['3']['subcat']?}
					<li>
						{?if $saxue_menu[i].child>0?}<span class="close"></span>{?/if?}
						<a href="{?$saxue_menu[i].url?}" id="cat{?$i['key']?}"{?if $catid==$i['key']?} class="A"{?/if?}>{?$saxue_menu[i].name?}</a>
						<ul class="prolist_side_son close">
							{?section name=j loop=$saxue_menu[i]['subcat']?}<li style="padding-left:10px;"><a href="{?$saxue_menu[j].url?}" id="cat{?$j['key']?}"{?if $catid==$j['key']?} class="A"{?/if?}>{?$saxue_menu[j].name?}</a></li>{?/section?}
						</ul>
					</li>
					{?/section?}
				</ul>
			</div>
		</div>
		<div id="mainC_r">
			<div class="proshow">
				<div class="proshow_left">
					<div id="pro_img">
						<div id="pro_focus_img"><img onload="AutoResizeImage(300,300,this,true);" /></div>
						<div class="pro_mark"></div>
						<div style="width:300px; height:300px; margin-top:-300px;">
							<span href="javascript:void(0);" class="zxx_image_zoom_list" style="cursor:move" id="pro_img_zoom" style="zoom:1;">
								<img src="{?$saxue_skin_url?}/images/null.gif" width="300" height="300" class="zxx_zoom_image" border="0" />
							</span>
						</div>
						<div id="pro_zoomer"><img src="{?$saxue_skin_url?}/images/arr_zoom.gif" border="0" /></div>
					</div>
					<div id="pro_focus_list">
						<a href="javascript:void(0);" id="pro_img_list_l"></a>
						<div id="pro_focus_imgs">
							<div id="pro_focus_imgs_list">
								{?section name=i loop=$row['pics']?}<a href="javascript:void(0);"><img onload="AutoResizeImage(56,56,this,true);" src="{?$row['pics'][i].url?}" alt="{?$row['pics'][i].desc?}" /></a>{?/section?}
							</div>
						</div>
						<a href="javascript:void(0);" id="pro_img_list_r"></a>
					</div>
				</div>
				<div class="proshow_right">
					<div class="proshow_title">{?$row.title?}</div>
					<div class="proshow_cat">Belongs:<a href="{?$caturl?}">{?$catname?}</a><img src="{?$saxue_skin_url?}/images/back_pro.png" onclick="history.go(-1);" /></div>
					<div class="proshow_expand">
						{?section name=i loop=$row['expand']?}<p style="margin-top:11px;">{?$row['expand'][i].name?}：{?$row['expand'][i].value?}</p>{?/section?}
					</div>
				</div>
				<div style="clear:both; height:26px;"></div>      
			</div>
			<div>
				<div id="tags_title"><a href="javascript:void(0);" class="A">Description</a></div>
				<div id="tags_content"><div>{?$row.content?}</div></div>
			</div>
			<div id="pro_btm">
				<div id="tags_title"><a href="javascript:void(0);" class="A">Similar Products</a></div>
				<ul>{?block classname="BlockProductList" filename="block_productlist" vars="5,$catid" template="product_same.html"?}</ul>
			</div>
		</div>
		<p style="clear:both; height:1px;"></p>
	</div>
</div>
{?include file = "footer.html"?}
<script type="text/javascript">pro_focus_mark("pro","#FFCC00","#FFFFBF",1);var catid={?$catid?},catpid={?$catpid?};main_list_all("prolist_side");</script>
</body>
</html>