@charset "gb2312";
/* CSS Document */

/*
  Author:Beyond
  Qq:5+7+8+2+4+5+6+7+4 
  Created:2013-06-06
*/

/*=-Reset Begin-=*/
body,div,h1,h2,h3,h4,h5,p,ul,li {padding:0; margin:0;}
body {font:12px/1.5 '\5fae\8f6f\96c5\9ed1', Tahoma, helvetica, sans-serif;}
ul,li {list-style:none;}
img {border:none;}
a {text-decoration:none; color:#039;}
a:hover {text-decoration:underline; color:red;}
em {font-style:normal;}
ul,.box,form {height:100%; overflow:hidden;}
input {vertical-align:middle;}
h3 {font-size:12px; position:relative; padding-left:15px; color:#0077af; height:25px; line-height:26px; overflow:hidden; border-bottom:1px solid #c8e6f4; 

background:url(repeat.png) left -144px;}
/*=-Reset End-=*/

/*=-Public Begin-=*/
.wrap {width:960px; overflow:hidden; margin:0 auto;}
.l {float:left;}
.r {float:right;}
.mb {margin-bottom:8px;}
.red,a.more,.hlist ul li a,.maplist h3 a.more {color:red;}
.more {position:absolute; top:0; right:10px; font-weight:normal;}
.border {border:1px solid #c8e6f4;}
.main {width:700px; overflow:hidden;}
.sidebar {width:250px; overflow:hidden;}
.pic {display:block;}
.none {display:none;}

/*-Header-*/
.headleft {width:220px; overflow:hidden;}
.logo {width:100%; height:70px; overflow:hidden;}
.headleft p {text-align:center; padding-top:8px;}
.headleft p a {padding:0 6px;}
.headright {width:730px; overflow:hidden;}
.hrtop {width:100%; height:28px; overflow:hidden; background:url(repeat.png) left -187px; line-height:28px; margin-bottom:10px;}
.hrtop p {width:45px; height:100%; overflow:hidden; background:url(bg.png) -65px top; float:left;}
.headright form {width:650px; margin:auto auto 8px; position:static;}
.headright form input {border:none;}
.headright .searchtext {float:right;width:423px; height:12px; overflow:hidden; padding:8px 0 8px 4px; background:url(repeat.png) right -225px;}
.headright form .submit {float:right;width:110px; height:28px; overflow:hidden; background:url(bg.png) left -28px;}
.headright form span {float:right;display:block;width:3px; height:28px; overflow:hidden; background:url(bg.png);}
.headright .search {text-align:right; padding-right:40px;}
.headright .search a {margin-left:10px; color:#039;}
.ntop {width:100%; height:35px; overflow:hidden; background:url(repeat.png) left -72px; font-size:14px; line-height:35px; font-weight:bold;}
.ntop span {background:url(repeat.png); display:block; width:3px; overflow:hidden; height:35px;}
.ntop span.r {background-position:left -36px;}
.ntop a {color:#fff; padding:0 12px; float:left;}
.ntop a.index {padding:0 15px; margin-left:10px;}
.ntop a:hover,.ntop a.this {background:url(repeat.png) left -108px; text-decoration:none;}
.nbottom {border:1px solid #dcdcdc;height:33px; overflow:hidden; line-height:33px; left -144px; border-top:none; font-size:13px; 

color:#ccc;}
.nbottom .l {width:60%; background:url(bg.png) left -57px no-repeat; padding-left:30px;}
.nbottom .l a {padding:0 8px;}
.nbottom .r {width:35%; text-align:right; padding-right:10px;}
.nbottom a:hover {text-decoration:none;}

/*-Footer-*/
#footer {border-top:3px solid #eee; padding:10px 0;}
#footer p {text-align:center;}

/*-Pages-*/
.page {border:1px solid #f8b069; background:#fffbef; text-align:center; padding:3px;}
.page em,.page a,.page input,.page span font {margin-left:6px; border:1px solid #ddd; padding:1px 5px; display:inline-block; vertical-align:middle; background:#fff; 

color:#000;}
.page a:hover {color:red; border-color:#f60;}
.page em,.page span font {font-weight:bold; color:red; background:#ffc; border-color:#f60;}
.page em.nolink {color:#999; font-weight:normal; background:#fff; border-color:#ddd;}

/*-ADs-*/
.ad960 {width:958px; overflow:hidden; text-align:center; margin:auto auto 8px;}
.ad300 {width:300px; padding:2px; height:250px; overflow:hidden;}
.ad250 {background:#ccc; width:250px; overflow:hidden; text-align:center;}
.ad500 {width:500px; overflow:hidden; text-align:center; margin:auto ;}
/*=-Public End-=*/

/*=-Index Begin-=*/
.icommend ul {padding:0 0 12px 12px;}
.icommend ul li,.itypelist ul li,.firends ul li,.hotsearch ul li {float:left; display:inline; margin:12px 13px 0 0; width:124px; overflow:hidden;}
.icommend ul li img,.clist ul li img {width:120px; height:160px; padding:1px; border:1px solid #ccc;}
.icommend ul li a:hover img,.clist ul li.this a:hover img {border-color:red;}
.icommend ul li strong,.clist ul li strong,.clist ul li p {font-weight:normal; display:block; margin-top:6px; text-align:center; overflow:hidden; white-space:nowrap; 

text-overflow:ellipsis;}
.itypelist ul {padding:0 0 10px 10px;}
.itypelist ul li {margin:5px 10px 0 0; border-bottom:1px dashed #ddd; width:127px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; padding-bottom:3px;}
.slist ul {padding:2px 0 10px 8px;}
.slist ul li {background:url(bg.png) no-repeat -10px -92px; padding-left:18px; height:20px; overflow:hidden; border-bottom:1px dashed #ddd; position:relative; margin-

right:8px; padding-top:4px;}
.slist ul li span {position:absolute; top:4px; right:0; color:red;}
.firends ul,.hotsearch ul {padding:0 0 10px 11px;}
.firends ul li {border-bottom:1px dashed #ddd; margin:5px 10px 0 0; padding-bottom:3px; width:107px;}
.hotsearch ul li {border-bottom:1px dashed #ddd; margin:5px 10px 0 0; padding-bottom:3px; width:120px;}
/*=-Index End-=*/

/*=-Channel and Search Begin-=*/
.clist ul {padding:0 0 14px 14px;}
.clist ul li {border:1px solid #ddd; padding:12px 15px; float:left; display:inline; margin:14px 15px 0 0; width:124px; overflow:hidden;}
.clist ul li.this {border-color:#FC3; background:#FFC}
.clist ul li p {text-align:left; color:#777; margin-top:4px; width:100%;}
/*=-Channel and Search End-=*/

/*=-Content Begin-=*/
.ptext {padding:5px;}
.img {width:187px; height:250px; overflow:hidden; padding:2px; margin-right:8px;}
.img img {width:187px; height:250px;}
.infobox {width:427px; height:234px; overflow:hidden; padding:10px;}
.infobox h1 {font-size:18px; color:red;}
.infobox p {line-height:2.4; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.mark {background:#f2f2f2; margin-top:10px; font-size:14px; line-height:2.4; position:relative;}
.markinfo {position:absolute; top:0px; right:10px; color:#f60;}
.marktitle {width:80%;}
.playlist h3 {height:28px; line-height:29px;}
.playlist h3 a {color:#000;}
.playlist ul {padding:0 0 14px 16px;}
.playlist ul li {float:left; display:inline; margin:14px 14px 0 0;}
.playlist ul li a {display:block; border:1px solid #ddd; line-height:2.2; text-align:center; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; 

background:#f7f7f7; color:#000; font-size:14px; width:118px;}
.playlist ul li a:hover {border-color:#f60; background:#fc3; text-decoration:none;}
ul.maxheight {overflow-y:scroll; height:420px;}
ul.maxheight li a {width:116px;}
.ccommend ul {padding:0 0 11px 11px;}
.ccommend ul li {margin:11px 11px 0 0;}
.des ul {padding:10px; font-size:14px; line-height:2;}
.des em {font-style:italic;}
/*=-Content End-=*/

/*=-Play Begin-=*/
.toptools {width:100%; height:29px; overflow:hidden; background:url(repeat.png) repeat-x left -263px; line-height:29px; color:#666; margin-bottom:2px;}
.toptools .l {width:40%;}
.toptools .l a {margin-left:8px; color:#2c602f;}
.toptools .r {width:58%; text-align:right;}
.toptools .r a {padding:0 10px; color:#666;}
.toptools .r a:hover {text-decoration:none; color:#c30;}
.searchbar {width:360px; overflow:hidden; margin-top:25px;}
.searchbar form {position:relative; height:100%;}
.searchbar input {float:left; margin-right:5px;}
.searchbar .searchword {background:url(repeat.png) left -375px repeat-x; width:250px; height:12px; padding:4px 0 4px 25px; border:1px solid #acacac;}
.searchbar span {position:absolute; left:1px; top:1px; background:url(bg.png) no-repeat left -159px; width:25px; height:20px; display:block; overflow:hidden;}
.searchbar .ssubmit {width:50px; height:22px; overflow:hidden; background:url(bg.png) left -183px no-repeat; border:none;}
.pnav {height:30px; line-height:32px; background:url(repeat.png) left -302px; overflow:hidden;}
.pnav a {float:left; display:inline; width:53px; text-align:center; color:#000;}
.pnav a:hover,.pnav a.this {background:url(bg.png) no-repeat left -122px; color:#fff; text-decoration:none;}
.pnav span {display:block; width:2px; height:30px; margin:0 1px; float:left; background:url(repeat.png) -1px -338px; overflow:hidden;}

.playbox {width:100%; background:#3f3f3f; padding-bottom:10px;}
.playerbox {border:1px solid #000904; width:650px; overflow:hidden;}
.playerbox h1,.playerright h5 {font-size:12px; font-weight:normal; background:url(repeat.png) left -449px; height:27px; line-height:27px; overflow:hidden; position:relative; color:#7ad7eb;}
.playerbox h1 span {cursor:pointer; padding-left:20px;/* background:url(ico.png) -10px -472px; */position:absolute; top:0; right:10px; color:#7ad7eb;}
.playerbox ul {padding:0 0 10px 26px; display:none; height:158px; overflow-y:scroll; scrollbar-3dlight-color: #0F1815; scrollbar-arrow-color: #0F1815; scrollbar-darkshadow-color: #3F3F3F; scrollbar-face-color: #3F3F3F; scrollbar-highlight-color: #3F3F3F; scrollbar-shadow-color: #0F1815; scrollbar-track-color: #3F3F3F;}

.playerbox ul li {float:left; display:inline; margin:10px 26px 0 0; width:123px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.playerbox ul li a {width:111px; border:1px dashed #000904; color:#fff; display:block; text-align:center; padding:0 5px; height:25px; line-height:25px;}
.playerbox ul li a:hover,.playerbox ul li a.red {color:red; font-weight:900; text-decoration:none;}

.playerbox h1 a {padding:0 5px; color:#7ad7eb;}
.playerbox h1 strong {color:#fff; font-weight:normal;}
.playerbox span {position:absolute; right:10px; top:0; /*background:url(bg.png) -74px 3px no-repeat;*/ padding-left:20px;}
.player {width:100%; /*height:500px; background:#ccc;*/}
.playerright {width:300px; overflow:hidden; border:1px solid #000904;}
.playerright h5 a {text-indent:-9999px; display:block; float:left; display:inline; width:58px; background:url(bg.png) no-repeat left -215px; height:20px; overflow:hidden; margin:3px 0 0 14px;}
.playlist1 h3 {height:28px; line-height:29px;}
.playlist1 h3 a {color:#000;}
.playlist1 ul {padding:0 0 14px 16px;}
.playlist1 ul li {float:left; display:inline; margin:14px 14px 0 0;}
.playlist1 ul li a {display:block; border:1px solid #ddd; line-height:2.2; text-align:center; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; background:#f7f7f7; color:#000; font-size:14px; width:118px;}
.playlist1 ul li a:hover {border-color:#f60; background:#fc3; text-decoration:none;}
ul.maxheight {overflow-y:scroll; height:420px;}
ul.maxheight li a {width:116px;}
.ccommend ul {padding:0 0 11px 11px;}
.ccommend ul li {margin:11px 11px 0 0;}
.des ul {padding:10px; font-size:14px; line-height:2;}
.des em {font-style:italic;} 


.playerright h5 a.next {background-position:left -255px;}
.playerright h5 a.error {background-position:left -295px;}
.playerright h5 a.comment {background-position:left -335px;}
#ckepop a {color:#fff;}
.help {padding-bottom:8px;}
.hlist {position:relative; padding:10px; width:96%; margin:38px auto auto; background:#f0f9fd;}
.hlist h5 {border:1px solid #c8e6f4; padding:0 6px; background:#f0f9fd; border-bottom:none; height:30px; line-height:30px; position:absolute; left:-1px; top:-31px; 

color:#0077af; font-size:12px;}
.hlist ul li {line-height:2;}
.hlist ul li strong {color:#0077af; font-weight:normal;}
.hlist ul li em {color:#999;}
.hlist ul hr {background:#ddd; color:#ddd; height:1px; border:none;}
/*=-Play End-=*/

/*=-Map Begin-=*/
.maplist ul {padding:0 0 10px 10px;}
.maplist ul li {margin:8px 10px 0 0;}
.maplist ul li a {width:148px; border:none; border-bottom:1px dashed #ddd; background:none; font-size:12px; line-height:1.8; text-align:left; color:#039;}
.maplist ul li a:hover {background:none; color:#f60;}
/*=-Map End-=*/

/*=-SelfPages Begin-=*/
.selflist ul {padding:0 0 5px 5px;}
.selflist ul li {margin:5px 5px 0 0; background:#f6f6f6; height:20px; line-height:20px; overflow:hidden;}
.selflist ul li em,.selflist ul li span,.selflist ul li strong {margin-left:10px; font-weight:normal;}
.selflist ul li strong a {color:#f60;}
.selflist ul li.this {background:#ffc;}
/*=-SelfPages End-=*/

/*======================+Edit 2011-12-13+=======================*/
/*=-NewsPages-=*/
.newslist ul,.news_main {padding:10px; font-family:"\5FAE\8F6F\96C5\9ED1","\5b8b\4f53", Tahoma, helvetica, sans-serif;}
.newslist ul li {width:100%; overflow:hidden; float:left; border-bottom:1px dashed #ddd; height:28px; line-height:28px;}
.newslist ul li strong {margin-left:15px; float:left; display:inline; font-weight:400;}
.newslist ul li span {float:left; display:inline;}
.newslist ul li span a {color:#f60;}
.newslist ul li em {float:right; color:#999;}
.news_main h1 {font-size:18px; color:#555; text-align:center; margin-bottom:10px;}
.news_outline {width:88%; margin:0 auto 10px; border:1px solid #f90; padding:10px; background:#FFC;}
.news_info {border-bottom:1px dashed #ddd; text-align:center; line-height:2; color:#555;}
.news_info span {padding:0 10px;}
.news_cad {text-align:center; margin:10px auto;}
.news_content {line-height:1.4; font-size:14px;}
.news_content img {margin:0 auto; text-align:center;}
.ncb_info {clear:both; width:100%; overflow:hidden; padding:10px 0;}
.ncb_info span {float:left;}
.ncb_info strong {float:right;}
.news_prev_next {border:1px dashed #c8e6f4; background:#f7f7f7; text-align:center; padding:8px;}
.news_prev_next span {display:inline-block; width:49%;}
.news_prev_next span a {margin-left:5px;}

.history_box {
    position: absolute;
}
#history {
    background: none repeat scroll 0 0 #F4F4F4;
    border: 1px solid #5970B2;
    height: 120px;
    left: 0;
    overflow-y: auto;
    padding: 5px;
    position: absolute;
    top: 22px;
    visibility: hidden;
    width: 360px;
}
.history {
    background: none repeat scroll 0 0 #EEEEEE;
    border: 1px solid #CCCCCC;
    display: block;
    font-size: 14px;
    height: 26px;
    line-height: 26px;
    text-align: center;
    width: 100px;
}
#history div {
    border-bottom: 1px solid #DDDDDD;
    height: 20px;
    line-height: 20px;
    overflow: hidden;
    padding: 0 10px;
}
#history div em.ptime {
    color: #999999;
    float: right;
    width: auto;
}
#history div em a {
    color: red;
}
.infotit {
    margin-left: 8px;
}