<!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>
</head>
<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>{?$catpname?}</span></p>
	</div>
</div>
<div id="menuSon">
	<ul id="menuSonList">{?section name=i loop=$subcat?}<li{?if $catid==$i['key']?} class="A"{?/if?}><a href="{?$subcat[i].url?}">{?$subcat[i].name?}</a></li>{?/section?}</ul>
</div>
<script type="text/javascript">
$("#menuSonList li").hover(function(){
	$(this).stop().animate({'backgroundColor':'#CC0000'},450);
},function(){
	if($(this).attr("class")!="A"){
	  $(this).stop().animate({'backgroundColor':'#0066AC'},350);
	}
});
</script>
<div id="main">
	<div style="margin-top:20px;">
		<div style="width:284px; float:left;">{?if $catimage!=''?}<img src="{?$catimage?}" /><br /><br /><br /><br /><br />{?/if?}<img src="{?$saxue_skin_url?}/images/side.jpg" /></div>
		<div style="width:716px; float:right;">
			<div style="margin-top:26px;"><h1 style="font-size:26px;">{?$row.title?}</h1></div>
			<p style="color:#888; padding:8px 0px 20px 0px;">{?$row.addtime|date:"Y-m-d"?}</p>
			<div style="clear:both;">&nbsp;</div>
			<div class="text newscon" style="margin-top:10px;">{?$row.content?}</div>
			<p style="margin-top:30px;"><a href="javascript:history.go(-1);" class="back">Back</a>
			<p style="clear:both; height:30px;"></p>
		</div>
		<p style="clear:both; height:20px;"></p>
	</div>
</div>
{?include file = "footer.html"?}
<script type="text/javascript">
$(".back").hover(function(){
	$(this).stop().animate({'backgroundColor':'#F80','color':'#FFF'},350);
},function(){
	$(this).stop().animate({'backgroundColor':'#EEE','color':'#666'},300);
});
</script>
</body>
</html>