@charset "utf-8";
/* CSS Document */

*{margin:0; padding:0; border:0;}
ul {list-style: none;}
li{list-style:none;}
.clear{clear:both;}
a:link, a:visited {color:#FFFFFF;text-decoration:none;}
a:hover {text-decoration:underline;}
body{font: 12px verdana,lucida,arial,helvetica,sans-serif;background-image: url(bog_di.gif);background-repeat: repeat-x;background-color:#200025; background-position: center 28px;}

#dh{ width:100%; height:63px; background:url(dh_di.gif) no-repeat center top;}
#nav{ width:845px; margin:0 auto;}
#nav .menu {height:30px; position:relative; top:18px; left:10px;}
#nav .menu a { float:left;height:30px;text-indent: -9999px;}
#nav .menu .s1{width:39px;margin:0 0 0 50px;background-image: url(sy.gif);}
#nav .menu .s2{ background:url(zj.gif); width:39px; margin-left:63px;}
#nav .menu .s3{ background:url(jmk.gif); width:47px; margin-left:59px;}
#nav .menu .s4{ background:url(rqjb.gif); width:67px; margin-left:59px;}
#nav .menu .s5{ background:url(xw.gif); width:67px; margin-left:57px;}
#nav .menu .s6{ background:url(zxjy.gif); width:67px; margin-left:50px;}
#nav .menu .s7{ background:url(bm.gif); width:67px; margin-left:50px;}
#nav .menu a:hover { float:left; background-position:left -30px; }
#nav .menu a.active { background-position:left bottom; float:left; height:30px; }

#bg_di{ width:100%; height:306px; background:url(bg.jpg) no-repeat center top;}
#top1{ width:980px; height:152px; background:url(top1.jpg) no-repeat; margin:0 auto;}
#top2{ width:980px; height:154px; background:url(top2.jpg) no-repeat; margin:0 auto;}

#part1_bg{ width:100%; height:444px; background:url(part1_bg.jpg) no-repeat center top;}
#part1{ width:980px; margin:0 auto; background-color:#FFCCFF;}
#focus{ width:442px; height:444px; background:url(focus_bg.jpg) no-repeat; position:relative; float:left;}
#focus_p{ width:390px;height:405px; position:absolute; top:23px; left:25px;}
#banner{width:390px;margin:0px auto;height:405px;overflow:hidden;z-index:1;}
#btn{display:inline;width:110px;height:18px;float:left;margin:-25px 0 0 295px;position:absolute;z-index:1;}
#btn a{color:#b30248;font:700 11px "Arial";background:url(ibbtn.gif) no-repeat;float:left;width:18px;height:18px;line-height:18px;text-align:center;text-decoration:none;margin-left:5px;}
#btn a.activeSlide{color:#fff;background:url(ibhbtn.gif) no-repeat;}
#btn a:hover{color:#fff;background:url(ibhbtn.gif) no-repeat;}

#zcr{width:442px;height:102px; position:absolute; top:324px;}
#zcr img{ width:136px; height:102px; float:left; margin-left:8px;}

#jmk{ width:538px; height:444px; background:url(jmk_bg.jpg) no-repeat; float:left;}
#page-wrap { width:441px; float:left; margin:18px 0 0 11px; height:296px; overflow:hidden; display:inline;}
#organic-tabs {-moz-box-shadow: 0 0 5px #666; -webkit-box-shadow: 0 0 5px #666;}
#explore-nav { overflow: hidden;  font-size:14px; font-weight:bold; background:url(qh_banner.gif) no-repeat; width:450px; height:37px;}
#explore-nav li { width: 128px; float: left; margin-right:8px; height:28px; display:inline; }
#explore-nav li.last { margin-right:0;}
#explore-nav li a { display: block; padding:10px 0 0 0; color:#FFFFFF;  text-align: center; border: 0;}
#explore-nav li a:hover {background:url(gf.gif) no-repeat; width:133px; height:34px;}
#jquerytuts, #core, #core2, #classics {display:none;}
#explore-nav li#ex-featured a.current, ul#featured li a:hover { text-decoration:underline;}
#ex-featured .current , featured li a:hover{background:url(gf.gif) no-repeat; width:133px; height:34px; color: white;}
#explore-nav li#ex-core  a.current, ul#core  li a:hover { text-decoration:underline;}
#explore-nav li#ex-core  .current, core  li a:hover {  background:url(gf.gif) no-repeat; width:133px; height:34px; color: white;}
#explore-nav li#ex-core2  a.current, ul#core2  li a:hover { text-decoration:underline;}
#explore-nav li#ex-core2  .current, core2  li a:hover { background:url(gf.gif) no-repeat; width:133px; height:34px; color: white;}
#explore-nav li#ex-jquery a.current, ul#jquerytuts li a:hover {background-color: #8d01b0; color: white; }
#explore-nav li#ex-classics a.current, ul#classics li a:hover {background-color: #FE4902; color: white; }
.topnews{width:445px;height:18px;margin:13px 0 0 0; font-size:14px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.topnews a:link,.topnews a:visited{color:#FFFFFF;text-decoration:none;}
.topnews a:hover{color:#58052f;text-decoration:underline;}
.news{ width:445px;  margin:13px 0 0 0; display:inline; font-size:14px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; float:left;}
.news a:link,.news a:visited{color:#FFFFFF;text-decoration:none;}
.news a:hover{color:#58052f;text-decoration:underline;}

#part2_bg{width:100%; height:244px; background:url(part2_bg.jpg) no-repeat center top;}
#gwbm{ width:980px; height:227px; margin:0 auto;}

#gg_part1{ width:100%; height:90px; background:url(gg_part1.jpg) no-repeat center top;}

#warp{ width:980px; margin:0 auto;}
#zddb{width:980px;height:205px; margin-top:10px;}
#zddb_banner{width:100%; height:45px; background:url(banner.gif) no-repeat;}
#zddb_di{width:900px; height:160px; background:url(banner.gif) no-repeat 0 -47px; margin-left:80px;}
.wq_nei{ width:860px; float:left; margin:3px 0 0 40px; display:inline;}
.wq_per{ width:160px; float:left; margin-left:10px; display:inline;}
.wq_per img{width:160px;height:90px;float:left;}
.wq_per span{width:160px;float:left;text-align:center;margin-top:12px; overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}

#wspch{width:980px;height:205px;}
#wspch_banner{width:100%; height:45px; background:url(banner.gif) no-repeat 0 -209px;}
#wspch_di{width:900px; height:160px; background:url(banner.gif) no-repeat 0 -256px; margin-left:80px;}

#ss{width:980px;height:205px;}
#ss_banner{width:100%; height:45px; background:url(banner.gif) no-repeat 0 -419px;}
#ss_di{width:900px; height:160px; background:url(banner.gif) no-repeat 0 -466px; margin-left:80px;}

#xcp{width:980px;height:205px;}
#xcp_banner{width:100%; height:45px; background:url(banner.gif) no-repeat 0 -629px;}
#xcp_di{width:900px; height:160px; background:url(banner.gif) no-repeat 0 -676px;margin-left:80px;}

#rqjb{width:980px; background:url(rqjb_di.gif) repeat-x; height:1541px; margin-top:10px;}
#w_rqjb{ width:100%; float:left;}
#w_banner{ width:153px; height:868px; background:url(w_banner.jpg) no-repeat; float:left;}
#w_banner .txt{width:129px; font-size:23px; font-family:'黑体'; color:#FFF; text-align:center; float:left; margin-top:195px;}
#w_neid{ width:827px; float:left; height:870px; overflow:hidden;}
.w_per{ width:120px; float:left; margin:0 0 8px 15px; display:inline;}
.w_per img{width:120px;height:160px;float:left;}
.w_tp{ width:120px; height:27px; background:url(w_tud.gif) no-repeat; float:left;}
.ld img{ width:28px; height:25px; margin:1px 0 0 20px;}
.ps{ color:#FFFFFF; margin:6px 0 0 14px; float:left; font-size:12px;}
.w_per span{width:120px;float:left;text-align:center;margin-top:8px; overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.w_per span a:link, .w_per span a:visited {color:#000000;text-decoration:none;}
.w_per span a:hover {text-decoration:underline;}

#m_rqjb{width:100%; float:left;}
#m_nd{ width:678px; float:left; margin:16px 0 0 18px; display:inline; height:219px; overflow:hidden;}
.w_tp1{ width:120px; height:27px; background:url(m_tud.gif) no-repeat; float:left;}
.w_tp1 p{ margin:8px 0 0 53px; float:left; display:inline;}
#m_banner{ width:268px; height:221px; background:url(m_baner.jpg) no-repeat; float:right; margin-top:15px;}
#m_banner .txt1{width:240px; font-size:23px; font-family:'黑体'; color:#FFF; text-align:center; float:left; margin-top:75px;}

.azj{width:100%; float:left; margin-top:12px;}
.azj_banner{width:148px; height:415px; background:url(azj_banner.gif) no-repeat; float:left;}
#azj_nd{width:825px; float:left; height:415px; overflow:hidden; margin-left:2px; margin-top:13px;}


#jcsp{width:980px;height:309px; margin-top:10px;}
#jcsp_banner{width:100%; height:51px; background:url(banner.gif) no-repeat 0 -839px;}
#jcsp_di{width:100%; height:258px; background:url(banner.gif) no-repeat 0 -892px;}
.wq1_per{ width:160px; float:left; margin-left:13px; display:inline; margin-bottom:10px; height:120px;}
.wq1_per img{width:160px;height:90px;float:left;}
.wq1_per span{width:160px;float:left;text-align:center;margin-top:5px;overflow:hidden;height:28px;}

#jctj{width:980px; margin-top:10px;}
#jctj_banner{width:263px; height:47px; background:url(banner.gif) no-repeat 0 -1152px;}
#jctj_n img{ width:980px; height:533px;}
.klh_tj{ width:980px;}
.klh_tj li{width:980px;float:left;overflow:hidden;}
.klh_tj li img{ width:980px; height:533px; float:left;}

#tlly{width:980px; margin-top:10px;}
#tlht{ width:618px; background:url(l_di.gif) repeat-x; height:301px; float:left;}
#tlht_banner{ width:192px; height:50px; background:url(tlht_banner.gif) no-repeat;}
#ht_n{ width:557px; height:124px; border:solid 1px #FFFFFF; margin:10px 0 0 38px;}
#ht_n h1{ width:536px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap; color:#e8b400; text-align:center; font-size:23px; font-weight:bold; margin-top:12px;}
#ht_n p{ width:537px; height:70px; overflow:hidden; color:#FFFFFF; line-height:23px; margin:8px 0 0 10px;}
#tp_niu{ width:365px; margin:20px 0 0 125px;}
.zf_n{ width:140px; float:left;}
.zf_niu{ width:138px; height:47px; background:url(banner.gif) no-repeat 0 -1201px; float:left;}
.zf_zcl{ width:138px; color:#FFFFFF; font-size:14px; font-weight:bold; margin-top:9px; float:left;}
.ff_n{ width:140px; float:right;}
.ff_niu{ width:138px; height:47px; background:url(banner.gif) no-repeat 0 -1250px;}
.ff_zcl{ width:138px; color:#FFFFFF; font-size:14px; font-weight:bold; margin-top:9px; float:left;}
#l_m{ width:34px; background:url(l_m.gif) no-repeat; height:301px; float:left;}
#lyb{ width:328px; background:url(l_di.gif) repeat-x; height:301px; float:left;}
#lyb_banner{width:111px; height:50px; background:url(lyb_banner.gif) no-repeat;}
#lyb h2{color:#FFFFFF; font-size:18px; font-weight:bold; margin:15px 0 0 25px;}
.text2 { width:267px; height:142px; line-height:20px; border:1px #a5acb4 solid; margin:10px 0 0 28px;}

#wnb{width:980px; margin-top:10px;}
#wbhd{ width:217px; height:456px; background:url(wbhd_di.gif) no-repeat; float:left;}
#news{ width:405px; height:456px; background:url(news_di.gif) no-repeat; float:left;}
#news_top{width:350px;height:163px; margin:50px 0 0 21px;}
#news_top .news_t h3 {text-align:center;line-height:36px;height:37px;overflow:hidden;}
#news_top .news_t h3 a{font-size:18px;font-weight:bold;color:#FFFFFF; }
#news_top .news_t p{color:#c7c7c7;line-height:22px;width:350px;margin:0 auto;overflow:hidden;height:45px;}
#news ul {width:360px;margin-left:10px;padding-top:12px; margin-top:2px; float:left; display:inline;}
#news ul li{height:28px; width:350px; overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding-left:10px; float:left; display:inline;}
#news ul li a{color:#FFFFFF;font-size:14px;}

#bmdd{ width:358px; height:456px; background:url(bmdd_di.gif) no-repeat; float:right;}
#bmdd p{ color:#FFFFFF;line-height:23px; width:348px; margin:55px 0 0 10px;}

/*content*/
#n_bg1{ width:100%; height:330px; background:url(n_bg1.jpg) no-repeat center top;}
#n_top1{ width:980px; height:162px; background:url(n_top1.jpg) no-repeat; margin:0 auto;}
#n_top2{ width:980px; height:168px; background:url(n_top2.jpg) no-repeat; margin:0 auto;}
.top_nav{ margin:145px 0 0 33px; color:#fff; float:left; display:inline;}
.top_nav a{ color:#fff;}
#n_bg2{ width:100%; background:url(n_bg2.jpg) no-repeat center top;}
.program_cont{ width:980px; margin:0 auto; color:#FFFFFF; overflow:hidden; zoom:1;}
.pro_video{ overflow:hidden; zoom:1; color:#FFFFFF;}
.pro_video .fl_video{ float:left; width:650px; background:url(n_fld.gif) repeat-y;  overflow:hidden; zoom:1;}
.pro_video .fl_video{ padding-bottom: 32767px !important;margin-bottom: -32767px !important; }
		@media all and (min-width: 0px) {
		.fl_video{ padding-bottom: 0 !important;margin-bottom: 0 !important; }
		.fl_video:before {content: '[DO NOT LEAVE IT IS NOT REAL]'; display:block; background:inherit; border: inherit; padding-top: 32767px !important;margin-bottom: -32767px !important; height: 0; margin-left:-1px !important;}}
.page{ clear:both; height:22px; margin:0px 0 2px 0; text-align:center; overflow:hidden; zoom:1; font-size:14px;line-height:16px; }
.page .now{ color:#F00; font-weight:700; text-decoration:none;}
.page a:hover{ color:#F00; text-decoration:underline}
.pro_video .video_cont{ padding:35px 0 0 ;  overflow:hidden;}
.pro_video .video_store{ padding:15px; overflow:hidden;}
.video_store dl.store{ padding:5px;  background:#fff7fb; border:1px solid #ffdcee; overflow:hidden; zoom:1;}
.video_store dl.store dt{ float:right; width:80px;}
.video_store dl.store dd{ float:left; width:490px;}
.video_store textarea{ width:480px; height:60px; border:0; font-size:12px; line-height:18px; background:#fff7fb; overflow-x:hidden; overflow-y:auto;}
.video_store .reply{ margin:10px 0 0; padding:15px; background:#fff7fb; border:1px solid #ffdcee; overflow:hidden; zoom:1;}
.video_store .reply dl{ margin:0 0 15px 0;}
.video_store .reply dl dt{ display:block; margin:0 0 5px 0; color:#dc0093;}
.video_store .reply dl dd{ line-height:22px;}
.fl_video h5{ color:#FFFFFF; font-size:18px; text-align:center; font-family:黑体;}
.fl_video .time{ margin:0 20px 15px 20px; text-align:center;}
.fl_video .time.newstime{ padding:0 0 15px 0; margin-bottom:25px;  border-bottom:1px solid #ccc;}
.fl_video .center{ text-align:center;}
.fl_video p{ padding:0 20px; margin:0 0 15px 0; text-indent:30px; font-size:14px; line-height:26px;}
.fl_video p strong{ font-weight:bold;}
.pro_video .fr_video{ float:right; width:317px; background:url(n_rdi.gif) repeat-y;}
.video_ad2{background:#fff; height:250px; width:317px; overflow:hidden; text-align:center;}
.video_ad2 img{width:317px; height:250px; border:0;}
.video_ad{ height:181px; width:100%; margin-top:10px; overflow:hidden;}
.program_cont .h3{background:url(n_rbaner.gif) repeat-x; height:39px; width:317px; font-size:14px; color:#FFFFFF; padding:11px 0 0 0;}
.program_cont h3.w{ margin-left:8px;}
.video_ad ul li{width:300px;line-height:25px; overflow:hidden; text-overflow: ellipsis; white-space:nowrap; font-size:12px; float:left; margin-left:12px; display:inline;}
.video_ad ul li a{text-decoration:none;}
.video_ad ul li a:hover{ color:#dc0093; text-decoration:underline;}
.video_topic4{ width:100%;margin-top:7px; float:left;}
.video_topic4 ul{width:300px; background:url(spotph.gif) no-repeat 0 -2px; float:left; margin-left:10px; margin-top:12px; display:inline;}
.video_topic4 ul li{ margin:0 0 7px 0;float:left; width:264px; white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:20px; padding-left:41px; display:inline;}
.video_topic4 ul li a{ text-decoration:none; color:#FFFFFF; }
.video_topic4 ul li a:hover{ color:#dc0093; text-decoration:underline;}
#videorank_cnt {display: inline;float: left;width:300px; margin-left:10px;}
#vr1{background: url(img1729.png) no-repeat 0px 0px;float:left;height:94px;width: 100%;}
#vr1 img {float: left;height:79px;width:140px;display: inline;margin-left:25px; margin-top:10px;}
#vr1 strong {float:left;width:100px;padding-top: 1px;display: inline;margin-left: 10px;margin-top: 8px;line-height: 22px;font-weight:bold;}
.video_topic1{ width:100%; margin-top:11px; float:left;}
.video_topic1 ul li{width:90%; line-height:24px; overflow:hidden; text-overflow: ellipsis; white-space:nowrap; font-size:12px; float:left; margin:1px 0 0 10px; display:inline;}
.video_topic1 ul li a{text-decoration:none;}
.video_topic1 ul li a:hover{ color:#dc0093; text-decoration:underline;}
.video_topic2{ width:100%; margin-top:11px; float:left;}
.video_topic2 .zxrightcnt{ font-size:12px;}
.video_topic2 .per{width:126px;height:120px;float:left;margin-top:8px;margin-left:21px;display:inline;overflow:hidden;text-overflow:ellipsis;white-space:nowrap; text-align:center;}
.video_topic2 .per img{width:120px;height:85px;margin-bottom:10px;border: 1px solid #CCCCCC;}

/*list*/
.newslist{width:623px; float:left; display:inline;margin:35px 0 0 13px;}
.newslist ul li{ border-bottom:1px dotted #e2e2e2;font-size:14px;margin:0 0 10px 0;padding:0 0 10px 0;}
.newslist ul li em{ float:right; font-family:Arial, Helvetica, sans-serif;}
.newslist ul li a:hover{color:#FFFFFF;}

/*人气嘉宾*/
#rq_top1{ width:980px; height:146px; background:url(rqjb_etop1.jpg) no-repeat; margin:0 auto;}
#rq_top2{ width:980px; height:184px; background:url(rqjb_etop2.jpg) no-repeat; margin:0 auto;}
.qishu_niu{ float:left; margin:135px 0 0 15px; display:inline;}
.qishu{ width:50px; float:left; margin:10px 0 0 33px; display:inline;}
.fw{float:left;width:980px; height:60px; background-color:#d22889;}
.fw_biao{width: 266px;background:url(rqn_eb.gif) no-repeat; height:100%; margin:0 auto;}
.fw_biao h2{font-size: 25px;font-weight: bold;color:#FFFFFF;margin:15px 0 0 7px; float:left; display:inline;}
.wdi{ background:url(rq_jbdi1.gif) repeat-y; width:100%; float:left; padding-bottom:30px; color:#000000;}
.w_per1{display:inline;float:left;width:120px; margin:25px 0 0 37px;}
.w_per1 img{width:120px;height:160px;float:left;}
.w_tp2{ width:120px; height:27px; background:url(w_tud.gif) no-repeat; float:left;}
.ld1 img{ width:28px; height:25px; margin:1px 0 0 20px;}
.ps1{ color:#FFFFFF; margin:6px 0 0 14px; float:left; font-size:12px;}
.w_per1 span{width:120px;float:left;text-align:center;margin-top:8px; overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.w_per1 span a:link, .w_per1 span a:visited {color:#000000;text-decoration:none;}
.w_per1 span a:hover {text-decoration:underline;}

.fm{float:left;width:980px; height:60px; background-color:#0987ba; margin-top:10px;}
.fm_biao{width: 266px;background:url(rqn_mb.gif) no-repeat; height:100%; margin:0 auto;}
.fm_biao h2{font-size: 25px;font-weight: bold;color:#FFFFFF;margin:15px 0 0 10px; float:left; display:inline;}

#bottom{ width:100%; height:398px; background:url(bottom_d.jpg) no-repeat center top;}
#b_di{width:980px; height:396px; margin:0 auto; background:url(bottom.jpg) no-repeat;}
#footer {float:left;width:100%; height:194px;}
#footer_nav {text-align: center;float: left;width: 100%;margin-top: 100px;padding-top: 1px;}
#footer_nav a {display: inline-block;margin-left: 20px;padding-top: 1px;}
#footer p {text-align: center;float: left;width: 100%;margin-top: 12px;color: #CCCCCC;}