<!--
img {
 border: 0;
}
#slide {
 position: relative;
 overflow: hidden;
 margin: 0px auto 5px;
 background-color: #f5f5f5;
 border: #E7E7E7 solid 1px;
 width: 560px;
 height: 293px;
}
#slide table {
 border-collapse: collapse;
}
#slide td .container {
 position: relative;
 overflow: hidden;
 height: 293px;
}
#slide .container div {
 position: absolute;
 background: #000;
 filter: alpha(opacity=50);
 opacity: 0.5;
 cursor: pointer;
 line-height: 293px;
 text-align: center;
 font-size: 20px;
 font-weight: bold;
 color: #fff;
 width: 67px;
 height: 293px;
}
#slide .on .container div {
 display: none;
}
-->
body,div,ul,li{margin:0;padding:0;}
ul{list-style-type:none;}
body{font:12px/20px Arial;}
#box{position:relative;width:492px;height:172px;background:#fff;border-radius:5px;border:8px solid #fff;margin:10px 21px;cursor:pointer;text-align:center;}
#box .list{position:relative;width:490px;height:170px;overflow:hidden;}
#box .list ul{position:absolute;top:0;left:0;}
#box .list li{width:490px;height:170px;overflow:hidden;}
#box .count{position:absolute;right:0;bottom:5px;}
#box .count li{color:#fff;float:left;width:20px;height:20px;cursor:pointer;margin-right:5px;overflow:hidden;background:#F90;opacity:0.7;filter:alpha(opacity=70);border-radius:20px;}
#box .count li.current{color:#fff;opacity:1;filter:alpha(opacity=100);font-weight:700;background:#f60;}
#tmp{width:100px;height:100px;background:red;position:absolute;}

#btn_left,#btn_right{ bottom:auto; top:650px; opacity: 0.5;}
#btn_left{ right:100px;}
#btn_right{ right:30px;}
#btn_left:hover,#btn_right:hover{opacity: 1}
a.detaillink{ color:#C03938; font-weight:700;}
.mod2 .hd{ font-family:"Î¢ÈíÑÅºÚ";}

#topic_nav_box{width:100%;height:30px;background:#fff;overflow:visible;}
#topic_nav{width:960px;height:30px; margin:0 auto;padding:0;font-size:12px;font-family:"ËÎÌå","Arial Narrow"; background:#fff;clear:both;}
#topic_nav img{border:none;}
#topic_nav ul,#topic_nav li{margin:0;padding:0;list-style:none;}
#topic_nav .logo{float:left;padding:3px 8px 3px 10px;}
#topic_nav .link{float:left;width:186px;}
#topic_nav .end{border:none;}
#topic_nav ul{float:right;padding:10px 3px 0 0;}
#topic_nav li{float:left;padding:0 8px;*padding-top:1px;border-right:#ddd 1px solid;line-height:12px;color:#666;}
#topic_nav a{color:#666; text-decoration:none;line-height:14px;}
#topic_nav a:visited{color:#666;}
#topic_nav a:hover{color:#666; text-decoration: underline;}
@media screen and (-webkit-min-device-pixel-ratio:0) {
/* Safari 3.0 and Opera 9 rules here */
#topic_nav{font-family:ËÎÌå, STSong;}
}
#site_nav_mblogin{margin-top:4px;}
#site_nav_mblogin a{line-height:24px;}
.q_nav{position: absolute;right: 0;top: 300px; z-index:10; font:14px/24px "microsoft yahei";}
.q_nav a{ display:block; background:#333; color:#FFF; margin-bottom:2px; padding:4px 6px; opacity: 0.8; border-radius: 5px 0 0 5px;}
.q_nav a:hover{opacity: 1; text-decoration:none}

.iShare {  position: absolute; left: 240px; z-index: 9999; top: 6px;width: 220px!important;}
.iShare a {display: block;}
.iShare .Qs_txt {width: 65px!important; line-height: 30px!important;}
.b-box .bdshare_t { left: 937px; top: 6px;}
.iShare .Qs_txt { color: #2788BA!important;font: 16px/18px "Î¢ÈíÑÅºÚ"!important;}
#bdshare { z-index: 9999!important; float: right!important;}

.area { height: 40px; position: relative;}


/* fotBoxBg */
.fotBoxBg{opacity:0.85;filter:alpha(opacity=85);width:100%;height:228px; background:#000;position:absolute;top:0;left:0;  }
.fotBox{position:fixed; left:0; bottom:-2280px; z-index:999; _position:relative; height:228px;width:100%;
_bottom:0px;
 }
.fotBoxIe6{_top: expression(eval(document.documentElement.scrollTop + (document.documentElement.clientHeight - 228)));height:228px; width:100%; }
.fotBox .hd{padding:15px 0px;overflow:hidden;zoom:1;height:40px;line-height:40px;position:relative; text-indent:40px;z-index:10  }
.fotBox .hd span{position:absolute;right:50px;top:20px;width:25px;height:24px;background:url(http://mat1.gtimg.com/view/todayTopic/2012news/iconAndBnt.png) no-repeat -169px -73px ;    cursor:pointer; }
.fotBox .hd h3{ float:left;font-size:24px;font-family:'Î¢ÈíÑÅºÚ','ËÎÌå';font-weight:100;color:#a3a3a3; width:200px; }
.fotBox .bd{overflow:hidden;width:100%;position:relative; z-index:10;  height:195px;  }
.fotBox .bd .wqhgPic{margin-left:10px;overflow:hidden;_width:9000px; }
.fotBox .bd .wqhgPic li{float:left; display:inline; width:135px;margin-left:30px;height:200px;  }
.fotBox .bd .wqhgPic li span{text-align:center;display:block;margin-top:10px;}
.fotBox .bd .wqhgPic li  a,.fotBox .bd .wqhgPic li  a:hover{color:#fff; :}
.pingfen{margin-top:10px;}
#sideNav{position:fixed;_position:absolute;_top:580px;overflow:hidden;z-index:10;background:url(http://mat1.gtimg.com/view/todayTopic/2012/wrapBg.png) repeat scroll 0 0 transparent; }
/* µ×²¿¹ö¶¯ */
#ScA3{ overflow:hidden; zoom:1; height:200px; position:relative; width:100%; }    
.wrapBox{ overflow: hidden; zoom: 1; margin:0 55px;  position: relative;height: 200px}
#ScA3 li{float:left; display:inline; width:180px;margin-right:37px;height:200px;  }    
#ScA3 .count{ overflow:hidden; float:left; }    
#ScA3 li a:hover{ background:red; }  /*ie6,7*/    
#ScA3 li a:hover img{ background:red;}     
#ScA3 .cols2{ position:absolute; left:0px; top:20px; left:68px; overflow:hidden; zoom:1; width:666px;  }    
#ScA3 .cols{ position:absolute; left:0px;  width:9999px; }        
#ScA3 .prev{ width:30px; height:60px; background:url(http://mat1.gtimg.com/joke/Koala/pic/btn1.jpg) no-repeat; display:block; position:absolute; top:22px; left:15px; cursor:pointer;overflow:hidden;z-index:100}    
#ScA3 .next{ width:30px; height:60px; background:url(http://mat1.gtimg.com/joke/Koala/pic/btn3.png) no-repeat; display:block; position:absolute; top:22px; right:15px; cursor:pointer;overflow:hidden;z-index:100}       
#ScA3 a.prev:hover{ display:block;}         
#ScA3 .wr{ height:283px; position:relative; overflow:hidden; }    
#ScA3 a.next:hover{ display:block;}         
#ScA3 .wr{ height:283px; position:relative; overflow:hidden; }
#ScA3 .count li span{text-align:center;display:block;margin-top:10px;}
#ScA3 .count li  a,#ScA3 .count li  a:hover{color:#fff;background:none; }
#ScA3 .count{ float:left; }    
#ScA3 .prevMouseClass{ background:url(http://mat1.gtimg.com/joke/Koala/pic/btn2.jpg) no-repeat; }  
#ScA3 .nextMouseClass{ background:url(http://mat1.gtimg.com/joke/Koala/pic/btn4.jpg) no-repeat; }  
#ScA3 .prevStopClass{ background:url(http://mat1.gtimg.com/joke/Koala/pic/btn1_n.jpg) no-repeat; }  
#ScA3 .nextStopClass{ background:url(http://mat1.gtimg.com/joke/Koala/pic/btn3_n.png) no-repeat; }  
#tabs{overflow:hidden; }

.tcopyright {width:960px;margin:0 auto;padding:8px 0;font-size:12px;line-height:28px;color:#333; text-align:center; overflow:hidden;clear:both;}
.tcopyright .en{font-family:Arial;}
.tcopyright a{color:#333;text-decoration: none;}
.tcopyright a:hover{color:#bd0a01;text-decoration: underline;}