<script type="text/javascript">
//元素名称：m_n; tab_m_n
//count:交换的个数
function showtab(m,n,count){
	for(var i=1;i<=count;i++){
		if(getObject("td_"+m+"_"+i).className!="now"){
			if (i==n){			
				getObject("td_"+m+"_"+i).className="libg";
				}			
		}
	}
}
function outtab(m,n,count){
	for(var i=1;i<=count;i++){
		if(getObject("td_"+m+"_"+i).className!="now"){
			if (i==n){			
				getObject("td_"+m+"_"+i).className="";
				}			
		}
	}
}

function getObject(objectId) {
    if(document.getElementById && document.getElementById(objectId)) {
	// W3C DOM
	return document.getElementById(objectId);
    } else if (document.all && document.all(objectId)) {
	// MSIE 4 DOM
	return document.all(objectId);
    } else if (document.layers && document.layers[objectId]) {
	// NN 4 DOM.. note: this won't find nested layers
	return document.layers[objectId];
    } else {
	return false;
    }	
}
</script>
<script src="http://tv.sohu.com/upload/20090105tvppp/tv_lib.js" type="text/javascript"></script>

     <SCRIPT>
	function getid(obj)//取对应id的元素
		  {
			return document.getElementById(obj);
		  }

	function getNames(obj,name,tij)//取obj元素下标签为tij的元素并要求满足name属性=name;返回一个数组
	{	
		var p = getid(obj);
		var plist = p.getElementsByTagName(tij);
		var rlist = new Array();
		for(i=0;i<plist.length;i++)
		{
			if(plist[i].getAttribute("name") == name)
			{
				rlist[rlist.length] = plist[i];
			}
		}
		return rlist;
	}


	function ri(obj)//取得对应的小图列表中当前元素对应的序号
	{
		var p = getid("bigbig").getElementsByTagName("li");
		for(i=0;i<p.length;i++)
		{
			if(obj == p[i].getElementsByTagName("img")[0])
			{
				return i;
			}
		}
	}

	function ci(obj)//小图选择框的处理函数
	{
		var p = getid("bigbig").getElementsByTagName("li");
		for(i=0;i<p.length;i++)
		{
			if(obj ==p[i].getElementsByTagName("img")[0])
			{
				p[i].getElementsByTagName("img")[0].className ="s";
		}
			else
			{
				p[i].getElementsByTagName("img")[0].className ="";
			}
		}
	}
	function fiterplay(obj,num,t,name)//类似页卡的函数.设置对应内容的隐藏和显示 obj:元素的id  name:元素对应的name属性的值, t:对应内容的标签 num:当前选择的元素的序号
	{
		var fitlist = getNames(obj,name,t);
		for(i=0;i<fitlist.length;i++)
		{

			if(i == num)
			{
				fitlist[i].className = "dis";
			}
			else
			{
				fitlist[i].className = "undis";
			}
		}
	}
		  
		  	
	function play(obj,n1)//播放的函数
	{
		var p = obj.parentNode.getElementsByTagName("li");
		//alert(obj.parentNode.parentNode.innerHTML)
		var bimg = getid(n1);
		var num = ri(obj);
		try	//ie下的处理部分
		{
			with(bimg)
			{
				filters[0].Apply();	//接收滤镜
				ci(obj); //变幻小图的选择.可以放在try以外.
				fiterplay(n1,num,"div","f");//设置滤镜中对应部分的显示和隐藏
				filters[0].play();	//播放滤镜
			}
		}
		catch(e)//ff下的处理部分
		{
				ci(obj);
				fiterplay(n1,num,"div","f");
		}
	}
var n=0;
function clearAuto() {clearInterval(autoStart);};
function setAuto(){autoStart=setInterval("auto(n)", 3000)}
function auto()
{
	var x = getid("bigbig").getElementsByTagName("li");
	n++;
	if(n>9)n=0;
	play(x[n].getElementsByTagName("img")[0],"bimg","imginfo");
} 

 setAuto();
		  
</SCRIPT>

<style>
/* 全局CSS定义 */
body{margin:0 auto;padding:0;background:#FFF;color:#666;font:12px '宋体';text-align:center;}
body > div{margin-right:auto;margin-left:auto;text-align:center; } 
div,form,ul,ol,li,span,p,dl,dt,dd,img{margin:0;padding:0;border:0;}
h1,h2,h3,h4,h5,h6{margin:0;padding:0;font-size:12px;font-weight:normal;}
ul,ol,li{list-style:none}
table,td,input,textarea{font-size:12px}
/* 链接颜色 */
a{color:#333;text-decoration:underline;}
a:hover{color:#C00;text-decoration:underline;}
/* 标题 */
h2{text-align:right;}
h2 span{float:left;font-weight: bold;}

.clear,.area,.pp,.pt{zoom:1}
.show{display:block;}
.hidden{display:none;}
.pp,.pt,.list12 ul,.list14 ul,.area{width:100%;margin:0 auto;}
.pp:after,.pt:after,.area:after,.clear:after{content:".";display:block;visibility:hidden;height:0;clear:both;}
.pp{text-align:center;}
.pp img{display:block;margin:0 auto;}	/*组图内图片属性*/
.pp span{display:block;}
.pt{color:#666;line-height:20px;text-align:left;}
.pt div{float:left;margin:0 10px 0 0;}			/*图文混排*/
.pt p{clear:none}
/* 文字列表属性 */
.list14 li,.list12 li{padding:3px 0;color:#333;font-size:12px;line-height:16px;text-align:left;}
.list14 li{padding:4px 0;font-size:14px;}
/* 浮动属性 */
.left,.center,.l{display:inline;float:left;}
.right,.r{float:right;}
.fontArial{font-family:'Arial'}
.b{font-weight:bold;}/* 加粗 */
.blank5,.blank8{height:5px;font-size:1px;}
.blank8{height:8px;}
.more{text-align:right;}/* 更多 */
.area{width:950px;}/*页面属性 */
li.nodot{background:none!important;padding-left:0px!important;}/* 去掉列表前缀 */
/* 标准头 */
#indexNav,#channelNav{height:22px;margin:4px auto;background:#fff;color:#000;text-align:left;}
#channelNav{background:#EFEBEF;}
#indexNav ul,#channelNav ul{padding-right:6px;}
#indexNav li,#channelNav li{float:left;margin:5px auto 0;padding:0 2px 0 0;line-height:14px;}
#indexNav .end,#channelNav .end{padding-right:0;}
#indexNav .red a,#channelNav .red a{color:#f00;}
#indexNav a,#channelNav a{color:#000;}
/* 标准底 */
#foot{margin:5px auto 0;padding:5px 0 10px;border-top:1px solid #333;color:#333;line-height:22px;}
body{
	background:#000000 url() repeat-x top;
	background-color: #000000;
	background-image: url(http://i3.itc.cn/20091124/6dc_75382d96_057d_4999_babb_dc37451253ee_0.jpg);
}

.area{width:950px;}
.now,#channelLOGO .right li,.btn,#nav .search span,#nav .right{background:url(http://i7.itc.cn/20090526/394_e5ef0a23_ab2b_4fac_af14_34637f9276f4_0.gif) no-repeat;}
#channelLOGO{height:57px;background:url(http://i0.itc.cn/20090527/394_1510da9d_1e29_475e_951a_b682f1f06e0b_0.gif);overflow:hidden;}
#channelLOGO .left{width:150px;margin:15px 0 0 30px;}
#channelLOGO .left a{display:block;height:40px;width:150px;text-indent:-3000px;}
#channelLOGO .right{width:750px;margin-top:24px;}
#channelLOGO .right ul{height:33px;width:732px;padding-left:40px;}
#channelLOGO .right li{cursor:pointer;float:left;height:23px;width:115px;margin-right:3px;padding-top:10px;background-position:0 -35px;color:#FFF;line-height:16px;font-size:14px;}
#channelLOGO .right li a{color:#FFF;}
#channelLOGO .right .now{background-position:0 0;color:#000;font-weight: bold;}
#channelLOGO .right .now a{color:#000;}
#channelLOGO .right .libg{_FILTER: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://tv.sohu.com/upload/tvshoubo0902231940/images/nobg02.png',sizingMethod='scale');background:url(http://tv.sohu.com/upload/tvshoubo0902231940/images/nobg02.png)!important;background:none;}

#nav{height:53px;color:#000;line-height:22px;text-align:left;background:url(http://tv.sohu.com/upload/tvshoubo0902231940/images/bg05.gif);}
#nav a{color:#000;}
#nav .left{width:274px;margin-left:6px;}
#nav .center{width:286px;}
#nav .right{width:380px;margin-top:13px;background-position:0 -130px;}
#nav dl{margin:6px auto 0;}
#nav dl a{margin:0 6px;}
#nav dt{width:40px;float:left;font-weight: bold;}
#nav .center dt{width:52px;}
#nav dd{float:right;width:234px;}
#nav .tx{width:180px;height:21px;margin:0 4px 0 28px;float:left;display:inline;color:#777;line-height:22px;}
#nav .btn{float:left;width:61px;height:26px;border:0;margin-right:20px;background-position:0 -70px;color:#FFF;line-height:26px;font-size:14px;}
#nav .search span{float:right;width:78px;height:26px;background-position:0 -100px;font-size:14px;line-height:26px;text-align:center;}
.syyhrw {font-size: 12px;color: #CCCCCC;line-height:20px}
.syyhrw a{color:#CCCCCC;}
.syyhrw a:link {color:#CCCCCC;text-decoration:underline;}
.syyhrw a:hover{font-size: 14px;color:#CCCCCC;font-weight: bold;}

.syyhname {font-size: 14px;font-weight: bold;color: #efefef;line-height:22px}
.syyhname a{color:#efefef;}
.syyhname a:link {color:#efefef;text-decoration:underline;}
.syyhname a:hover{font-size: 16px;color:#efefef;font-weight: bold}

.jishu {font-size: 12px;line-height:16px;}
.juqing {font-size: 12px;line-height:16px;color:#CCCCCC;font-family: "楷体_GB2312"}
    .column960{
      background:#000000;
		height:486px;
		float:left;
		margin:0 auto;
		width:950px;
   }
   .column960 .column232 {
		display:inline;
		float:left;
		margin-right:6px;
		padding-left:5px;
		padding-top:2px;
		width:238px;
   }
   
   .column960 .column232 .libg1 {background:#000000;padding:3px;text-align:center;}
   .column960 .column232 .libg2 {background:#ffffff;padding:3px;text-align:center;}
   
   .block{
      margin:0 auto;
      width:950px;
   }
   #slide_content{
       margin:0 auto;
       width:950px;
   }
   
.show{display:}
.hidden{	display:none}

.column950 {background:#212121; width:950px;height:345px;margin:0 auto;}

.column950 .column88 {padding-top:2px;padding-left:5px;width:80px;float:left;margin-right:6px;display:inline;height:260px;}
.column950 .column89 {padding-top:2px;width:80px;float:left;margin-right:6px;display:inline;height:260px;}
.column950 .column90 {padding-top:2px;width:80px;float:left;margin-right:6px;display:inline;height:260px;}

.column88 .libg1 {background:#000000;padding:3px;text-align:center;}
.column88 .libg2 {background:#ffffff;padding:3px;text-align:center;}

.column89 .libg1 {background:#000000;padding:3px;text-align:center;}
.column89 .libg2 {background:#ffffff;padding:3px;text-align:center;}

.column90 .libg1 {background:#000000;padding:3px;text-align:center;}
.column90 .libg2 {background:#ffffff;padding:3px;text-align:center;}

.column950 .column646 { background-color:#212121;width:687px;float:left;height:340px;}
.column646 .picFocus {width:500px;float:left;margin:0 auto;}
.column646 .picFocus img {margin-top:4px;}
.column646 .txtFocus {width:178px;height:260px;float:right;}
.column646 .txtFocus h1 {width:160px;font-size:14px;font-weight: bold;color:#000000;line-height:18px;margin:13px 13px 20px 5px;text-align:left;}
.column646 .txtFocus h1 a {color:#000000;}
.column646 .txtFocus p {font-size: 12px;
	color: #9ba495; line-height:18px;width:160px;text-align:left;margin:0 13px 4px 5px;text-indent:24px;}
.column646 .txtFocus p a {color:#000000;}

</style>