body { margin: 0; padding: 0; font-family: Tahoma, Verdana, Arial, Georgia, sans-serif; background: #fff; font-size: 12px; }

ul li { list-style: none; }
a { cursor: pointer; }
a:link { color: #005eac; text-decoration: none; }
#pageFooter, contacts { border-top: 1px solid #E6E6E6; padding-top: 10px; }
.contacts { margin: 0 auto; width: 960px; text-align: center; }
.contacts table { text-align: center; }
.noborder { border: none !important; }
.copytips { float: left; width: 130px; height: 23px; line-height: 23px; padding: 0 10px; color: #999; }
.blank15 { height: 15px; }
.blank10 { height: 10px; }
.blank6 { height: 6px; }
.clear { clear:both; height:0;}
.adblock { clear: both; margin: 0px auto 6px auto; text-align: center; }
.adblock2 { clear: both; margin: 6px auto; text-align: center; }
.adbanner { margin: 15px 0 15px 0; border: 1px solid #efefef; }
.adbanner2 { margin: 10px 0 10px 0; }

#pageheader { font: normal 12px/22px simsun; width: 916px; margin: 0px auto; border-bottom: 1px solid #D1D1D1; position: relative; z-index: 200; text-align: left; }

#pagefooter .contacts { width: 886px; }
.tb-contact .statment { width: 800px; margin: 10px auto; line-height: 150%; }
.tb-contact .contacts table { margin: auto; }

/*head*/
#page_header { border-top: 4px solid #EB3D41; background: #FF9E29; }
#page_header.navbar { padding: 0; }
#page_header .navbar-brand { margin: 5px 20px 5px 0; background: 50% 50%/167px url('/ui/images/logo-mini.png') no-repeat; width: 167px; height: 51px; }
#page_header .nav-link { font-size: 18px; text-align: center; color: #fff; padding: 18px 30px; line-height: 30px; }
#page_header .nav-link:hover,
#page_header .nav-link.active { color: #fff; background-color: #FE8F01; font-weight: bold; }
#back_to_top { opacity: 0; display: block; height: 50px; width: 50px; background-color: #258cff; position: fixed; right: 0; bottom: 120px; z-index: 99; border-radius: 1px; -webkit-transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out; -o-transition: all 1s ease-in-out; -ms-transition: all 1s ease-in-out; transition: all 1s ease-in-out; }
#back_to_top::before { content: " "; display: inline-block; border-left: 3px solid #fff; border-top: 3px solid #fff; position: absolute; top: 40%; left: 30%; height: 20px; width: 20px; -webkit-transform: rotate(45deg); transform: rotate(45deg); }
#back_to_top.show { opacity: 1; right: 50px; -webkit-transform: scale(1) rotate(-360deg) translate(0px); -moz-transform: scale(1) rotate(-360deg) translate(0px); -o-transform: scale(1) rotate(-360deg) translate(0px); -ms-transform: scale(1) rotate(-360deg) translate(0px); transform: scale(1) rotate(-360deg) translate(0px); }
/*main-container*/
#body_container {padding: 10px 15px; }
#page_sub_header { margin: 0 auto 10px auto; }
.container-left,
.container-right { margin-bottom: 10px; }

/*footer*/
#page_footer { background-color: #222; width: 100%; overflow: hidden; padding: 50px; color: #999; text-align: left; }
#page_footer .footer { margin: 0 auto; }
#page_footer .footer .title { font-size: 14px; color: #C6C6C6; font-weight: bold; margin-bottom: 15px; }
#page_footer .footer ul { margin: 0; padding: 0; }
#page_footer .footer li { line-height: 25px; }
#page_footer a { color: #999; }
#page_footer a:hover { color: #8E8E8E; }
#page_footer .footer-wx { text-align: right; }

.ad960x60 { margin: 5px 0; }
#gg_top { margin: 3px 0; }
#gg_left, #gg_right { width: 92px; background: #fff; }
#gg_right { text-align: right; }
#gg_left img { margin-bottom: 5px; margin-right: 5px; }
#gg_right img { margin-bottom: 5px; margin-left: 5px; }
#gg_chat img { width: 338px; margin-top: 1px; }

#player .player,
#player .player { width: 448px; }
#player .chat { width: 346px; }
#player .videolive { }
.chat-content { border: 1px solid #7D8699; background: #e4e4e4; }
#msg_div { width: 338px; overflow: auto; height: 269px; background: url(images/chat-bg.gif); y-overflow: scroll; text-align: left; }
#msg_input { width: 258px; height: 45px; }
#msg_content { margin-left: 5px; }
#msg_content li { line-height: 20px; }
.chat-content .send { border-bottom: 1px solid #C3C3C3; border-top: 1px solid #C3C3C3; }
.chat-content .send table,
.chat-content .send td { margin: 0; padding: 0; }
.chat-content .tools, #chatplayer .admin { border-bottom: 1px solid #C3C3C3; height: 22px; }
.chat-content .tools li { float: left; padding-right: 8px; padding-left: 8px; padding-top: 3px; background: url(images/icon-bg.gif) 100% 0; text-align: center; }
.chat-content .tools li.last { padding-right: 10px; padding-left: 10px; background: url(images/icon-bg2.gif) repeat-x 100% 0; }
.chat-content .tools li a, #chatplayer .tools li a:visited { color: #000; }
#player .share { float: left; width:335px; line-height:30px; font-weight:bold; padding-left:5px; }

#wrapper { width: 980px; margin: 0 auto; text-align: left; }
#wrapper #schedule { padding-top: 10px; }
#wrapper #main { float: left; width: 722px; overflow: hidden; }
#wrapper #main ul { list-style: none; margin: 0; padding: 0; }
#wrapper #main li { list-style: none; margin: 0; padding: 0; }
#wrapper #sidebar { float: right; width: 250px; }
#wrapper #navbar { line-height: 25px; }
#wrapper #main .title2 { height: 22px; border-bottom: 1px solid #760010; }
#wrapper #main .title2 .title_l { float: left; width: 14px; height: 22px; background: url(images/title_bg_left.gif) no-repeat left center; }
#wrapper #main .title2 .title_r { float: left; width: 32px; height: 22px; background: url(images/title_bg_right.gif) no-repeat left center; }
#wrapper #main .title2 a.tit { float: left; height: 22px; line-height: 22px; padding: 0 10px; font-size: 14px; font-family: 'Microsoft YaHei'; background: url(images/title_bg_middle.gif) no-repeat left center #890012; color: #fff; text-decoration: none; }
#wrapper #main .title2 a.tit:hover a { }
#wrapper #main .title2 span.more { float: right; margin-right: 10px; }
#wrapper #main .title2 span.more a { color: #760010; }
#wrapper #main .matchintro { border: #CFCFCF solid 1px; }
#wrapper #main .matchintro h1 { padding-left: 15px; line-height: 40px; font-size: 18px; font-family: 'Microsoft YaHei'; }
#wrapper #main .matchintro .content { padding: 5px 10px; line-height: 20px; }
#wrapper #main .matchintro .content p { margin: 3px 0; text-indent: 20px; }
#wrapper #main .matchintro .logo { float: right; margin: 5px; padding: 5px; text-align: center; border: 1px solid #E8E8E8; }
#wrapper #main .matchintro .logo img { width: 150px; }
#wrapper #main .matchintro .logo a { color: #666666; }
#wrapper #main .item_block { border: 1px solid #CDCDCD; border-top: 1px solid #5F0001; min-height: 120px; }
#wrapper #main .typemenu ul { float: left; list-style:none; padding:0; margin:0; }
#wrapper #main .typemenu li { float: left; list-style: none; padding: 0; margin: 0; width: 79px; height: 57px; text-align: center; font-size: 14px; font-weight: bold; font-family: 'Microsoft YaHei'; border: 1px solid #CFCFCF; border-bottom: 1px solid #A0A0A0; border-right: none; }
#wrapper #main .typemenu li.last { border-right: 1px solid #CFCFCF; }
#wrapper #main .typemenu li a { float: left; width: 79px; height: 57px; padding-top: 35px; color: #000; }
#wrapper #main .typemenu li a:hover { background: #CFCFCF; text-decoration: none; }
#wrapper #main .typemenu li a.selected { background: #CFCFCF; }
#wrapper #main .typemenu li a.type0 { background-image: url(images/zhibo_type0.png); background-repeat: no-repeat; background-position: 26px 3px; }
#wrapper #main .typemenu li a.type1 { background-image: url(images/zhibo_type1.png); background-repeat: no-repeat; background-position: 26px 3px; }
#wrapper #main .typemenu li a.type2 { background-image: url(images/zhibo_type2.png); background-repeat: no-repeat; background-position: 26px 3px; }
#wrapper #main .typemenu li a.type3 { background-image: url(images/zhibo_type3.png); background-repeat: no-repeat; background-position: 26px 3px; }
#wrapper #main .typemenu li a.type4 { background-image: url(images/zhibo_type4.png); background-repeat: no-repeat; background-position: 26px 3px; }
#wrapper #main .typemenu li a.type5 { background-image: url(images/zhibo_type5.png); background-repeat: no-repeat; background-position: 26px 3px; }
#wrapper #main .typemenu li a.type6 { background-image: url(images/zhibo_type6.png); background-repeat: no-repeat; background-position: 26px 3px; }
#wrapper #main .typemenu li a.type7 { background-image: url(images/zhibo_type7.png); background-repeat: no-repeat; background-position: 21px 3px; }
#wrapper #main .typemenu li a.type8 { background-image: url(images/zhibo_type8.png); background-repeat: no-repeat; background-position: 21px 3px; }
#wrapper #main .typemenu li a.type9 { background-image: url(images/zhibo_type9.png); background-repeat: no-repeat; background-position: 21px 3px; }
#wrapper #main .typemenu li a.type10 { background-image: url(images/zhibo_type10.png); background-repeat: no-repeat; background-position: 21px 3px; }
#wrapper #main .typemenu li a.type11 { background-image: url(images/zhibo_type11.png); background-repeat: no-repeat; background-position: 21px 3px; }
#wrapper #main .typemenu li a.type12 { background-image: url(images/zhibo_type12.png); background-repeat: no-repeat; background-position: 21px 3px; }
#wrapper #main .typemenu li a.type13 { background-image: url(images/zhibo_type13.png); background-repeat: no-repeat; background-position: 21px 3px; }
#wrapper #main .typemenu li a.type14 { background-image: url(images/zhibo_type14.png); background-repeat: no-repeat; background-position: 21px 3px; }
#wrapper #main .typemenu li a.type15 { background-image: url(images/zhibo_type15.png); background-repeat: no-repeat; background-position: 21px 3px; }
#wrapper #main .leaguemenu { }

#wrapper #main .leaguemenu .choice { padding-left: 25px; height: 25px; line-height: 25px; background: #CFCFCF; }
#wrapper #main .leaguemenu .choice li { float: left; width: 80px; height: 25px; line-height: 25px; display: inline; }
#wrapper #main .leaguemenu a { margin: 0 8px; }
#wrapper #main .leaguemenu a.selected { font-weight: bold; }
#wrapper #main .leaguemenu .current { height: 16px; }
#wrapper #main .leaguemenu .current li { float: left; width: 80px; height: 16px; line-height: 16px; display: inline; }
#wrapper #main .leaguemenu .current .cur { float: left; width: 24px; height: 11px; margin-left: 35px; background: url(images/zhibo_current.gif) no-repeat; }
#wrapper #main .matchschedule { clear: both; margin-bottom: 10px; border: 1px solid #CFCFCF; }
#wrapper #main .matchschedule .title { }
#wrapper #main .matchschedule h4 { float: left; padding: 0 15px; font-size:14px;  height: 24px; line-height: 24px; border: solid 1px #000000; color: #fff; background: url(images/bg_title.gif) repeat-x; }
#wrapper #main .matchschedule h4 a { color: #fff; }
#wrapper #main .matchschedule .ad-text {float:left; font-size: 14px;  line-height:24px; margin-left:20px;}
#wrapper #main .matchlist ul.matchblock { padding: 5px 10px; }
#wrapper #main .matchlist li.line { clear: both; padding: 5px; height: 100%; border-bottom: #CFCFCF solid 1px; }
#wrapper #main .matchlist li .type { float: left; }
#wrapper #main .matchlist li .type a { float: left; width: 35px; height: 29px; }
#wrapper #main .matchlist li .type a.type0 { background-image: url(images/zhibo_type0.png); background-repeat: no-repeat; background-position: left top; }
#wrapper #main .matchlist li .type a.type1 { background-image: url(images/zhibo_type1.png); background-repeat: no-repeat; background-position: left top; }
#wrapper #main .matchlist li .type a.type2 { background-image: url(images/zhibo_type2.png); background-repeat: no-repeat; background-position: left top; }
#wrapper #main .matchlist li .type a.type3 { background-image: url(images/zhibo_type3.png); background-repeat: no-repeat; background-position: left top; }
#wrapper #main .matchlist li .type a.type4 { background-image: url(images/zhibo_type4.png); background-repeat: no-repeat; background-position: left top; }
#wrapper #main .matchlist li .type a.type5 { background-image: url(images/zhibo_type5.png); background-repeat: no-repeat; background-position: left top; }
#wrapper #main .matchlist li .type a.type6 { background-image: url(images/zhibo_type6.png); background-repeat: no-repeat; background-position: left top; }
#wrapper #main .matchlist li .type a.type7 { background-image: url(images/zhibo_type7.png); background-repeat: no-repeat; background-position: left top; }
#wrapper #main .matchlist li .type a.type8 { background-image: url(images/zhibo_type8.png); background-repeat: no-repeat; background-position: left top; }
#wrapper #main .matchlist li .type a.type9 { background-image: url(images/zhibo_type9.png); background-repeat: no-repeat; background-position: left top; }
#wrapper #main .matchlist li .type a.type10 { background-image: url(images/zhibo_type10.png); background-repeat: no-repeat; background-position: left top; }
#wrapper #main .matchlist li .type a.type11 { background-image: url(images/zhibo_type11.png); background-repeat: no-repeat; background-position: left top; }
#wrapper #main .matchlist li .type a.type12 { background-image: url(images/zhibo_type12.png); background-repeat: no-repeat; background-position: left top; }
#wrapper #main .matchlist li .type a.type13 { background-image: url(images/zhibo_type13.png); background-repeat: no-repeat; background-position: left top; }
#wrapper #main .matchlist li .type a.type14 { background-image: url(images/zhibo_type14.png); background-repeat: no-repeat; background-position: left top; }
#wrapper #main .matchlist li .type a.type15 { background-image: url(images/zhibo_type15.png); background-repeat: no-repeat; background-position: left top; }
#wrapper #main .matchlist li .time { float: left; width: 50px; margin-top: 5px; line-height: 20px; color: #014E94; font-weight: bold; text-align: center; }
#wrapper #main .matchlist li .time_w { float: left; width: 100px; margin-top: 5px; margin-right: 5px; line-height: 20px; color: #014E94; font-weight: bold; text-align: center; }
#wrapper #main .matchlist li .league { float: left; margin-top: 5px; padding: 0 10px 0 0px; width: 65px; line-height: 23px; background-position: left center; background-repeat: no-repeat; }
#wrapper #main .matchlist li .league .league_icon { float: left; width: 15px; height: 15px; margin-top: 3px; margin-right: 2px; }
#wrapper #main .matchlist li .matchtitle { float: left; margin-top: 5px; width: 240px; line-height: 23px; text-align: left; }
#wrapper #main .matchlist li .matchtitle a { color: #000000; }
#wrapper #main .matchlist li .signals { float: left; margin-top: 5px; padding-left: 25px; line-height: 23px; min-height: 23px; _height: 23px; width: 265px; text-align: left; background: url(images/zhibo_tv.gif) no-repeat 0 7px; }
#wrapper #main .matchlist li .signals a { color: #014E94; margin-right: 8px; }
#wrapper #main .matchlist li .signals span { white-space: nowrap; }
#wrapper #main .matchlist li .matchtitle2 { float: left; margin-top: 5px; width: 230px; line-height: 23px; text-align: center; }
#wrapper #main .matchlist li .matchtitle2 a { color: #000000; }
#wrapper #main .matchlist li .signals2 { float: left; margin-top: 5px; padding-left: 25px; line-height: 23px; min-height: 23px; _height: 23px; width: 255px; background: url(images/zhibo_tv.gif) no-repeat 0 7px; }
#wrapper #main .matchlist li .signals2 a { color: #014E94; margin-right: 8px; white-space: nowrap; }
#wrapper #main .matchlist li .signals2 span { white-space: nowrap; }
#wrapper #main .matchlist li .matchtitle3 { float: left; margin-top: 5px; width: 430px; line-height: 23px; text-align: center; }
#wrapper #main .matchlist li .matchtitle3 a { color: #000000; }
#wrapper #main .matchlist li .signals3 { float: left; margin-top: 5px; padding-left: 25px; line-height: 23px; min-height: 23px; _height: 23px; width: 55px; background: url(images/zhibo_tv.gif) no-repeat 0 7px; }
#wrapper #main .matchlist li .signals3 a { color: #014E94; margin-right: 8px; white-space: nowrap; }
#wrapper #main .matchlist li .iititle { float: left; padding-right: 5px; }
#wrapper #main .matchlist li .signals ul { float: left; }
#wrapper #main .matchlist li .signals li { float: left; }
#wrapper #main .schedulehistory { height: 30px; line-height: 30px; font-size: 14px; text-align: center; color: #7E0001; background: #CFCFCF; }
#wrapper #main .schedulehistory a { color: #7E0001; }
#wrapper #main .matchdetail { margin-bottom: 15px; padding: 5px 15px; border: 1px solid #CDCDCD; border-top: 2px solid #5F0001; }
#wrapper #main .matchdetail h1 { margin-bottom: 10px; line-height: 40px; font-size: 16px; font-family: 'Microsoft YaHei'; text-align: center; background: url(images/dotline.gif) repeat-x 0 100%; }
#wrapper #main .matchdetail .name { float: left; line-height: 25px; padding: 0 5px; width: 100px; font-size: 14px; text-align: right; }
#wrapper #main .matchdetail .content { float: left; width: 560px; line-height: 25px; padding: 0 5px; font-size: 14px; }
#wrapper #main .matchdetail .content a { margin-right: 8px; color: #387BC2; }
#wrapper #main .matchdetail .share { float: right; }
#wrapper #main .matchdetail #detail-channel .iititle { float: left; padding-right: 5px; }
#wrapper #main .matchdetail #detail-channel ul { float: left; }
#wrapper #main .matchdetail #detail-channel li { float: left; white-space: nowrap; }
#wrapper #main .matchdetail #detail-channel a { float: left; margin: 5px; padding: 1px 7px 1px 24px; border: #C4C4C4 1px solid; color: #323232; font-size: 12px; font-weight: bold; white-space: nowrap; background: url(images/live-play.gif) no-repeat 7px center #DDDDDD; }
#wrapper #main .matchdetail #detail-channel a:hover { color: #760113; text-decoration: none; background: url(images/live-play.gif) no-repeat 7px center #E7E7E7; }
#wrapper #main .fenxi { clear: both; margin-bottom: 10px; border: 1px solid #CFCFCF; }
#wrapper #main .fenxi .title { }
#wrapper #main .fenxi h4 { float: left; padding: 0 15px; height: 30px; line-height: 30px; color: #fff; background: #7E0001; }
#wrapper #main .fenxi h4 a { color: #fff; }
#wrapper #main .fenxi .content { padding: 10px 15px; }
#wrapper #main .fenxi .content * { font-family: 'Microsoft YaHei', Arial; font-size: 14px; }
#wrapper #main .fenxi .content p { padding: 5px 0; text-indent: 25px; }
#wrapper #main .intro { clear: both; margin-bottom: 10px; border: 1px solid #CFCFCF; }
#wrapper #main .intro .title { }
#wrapper #main .intro h4 { float: left; padding: 0 15px; height: 30px; line-height: 30px; color: #fff; background: #7E0001; }
#wrapper #main .intro h4 a { color: #fff; }
#wrapper #main .intro .content { padding: 10px 15px; }
#wrapper #main .intro .content * { font-family: 'Microsoft YaHei', Arial; font-size: 14px; }
#wrapper #main .intro .content p { padding: 5px 0; text-indent: 25px; }
#wrapper #main .tvblock { margin-bottom: 15px; height: 100%; }
#wrapper #main .tvblock .submenu { }
#wrapper #main .tvblock .submenu .choice { padding-left: 25px; height: 25px; line-height: 25px; background: #CFCFCF; }
#wrapper #main .tvblock .submenu .choice li { float: left; width: 60px; height: 25px; line-height: 25px; display: inline; text-align: center; }
#wrapper #main .tvblock .submenu a { }
#wrapper #main .tvblock .submenu a.selected { font-weight: bold; }
#wrapper #main .tvblock .submenu .current { height: 16px; }
#wrapper #main .tvblock .submenu .current li { float: left; width: 60px; height: 16px; line-height: 16px; display: inline; }
#wrapper #main .tvblock .submenu .current .cur { float: left; width: 24px; height: 11px; margin-left: 35px; background: url(images/zhibo_current.gif) no-repeat; }
#wrapper #main .tvblock .tvchannels { padding: 5px 10px; height: 100%; }
#wrapper #main .tvblock .tvchannels li { float: left; width: 206px; padding: 15px 12px; background: url(images/dot3.gif) repeat-x 0 100%; overflow: hidden; }
#wrapper #main .tvblock .tvchannels li img { float: left; width: 55px; height: 55px; border: 1px solid #E2E2E2; }
#wrapper #main .tvblock .tvchannels li p { float: left; margin-left: 8px; width: 140px; font-size: 14px; line-height: 30px; overflow: hidden; }
#wrapper #main .tvblock .tvchannels li p a { white-space: nowrap; }
#wrapper #main .tvblock .tvchannels li p a.view { padding-left: 15px; color: #464646; background: url(images/icon_point.gif) no-repeat 0 center; }
#wrapper #main .tvblock .tvtypess { padding: 5px 10px; }
#wrapper #main .tvblock .tvtypess li { float: left; width: 110px; line-height: 28px; text-align: center; font-size: 14px; }
#wrapper #main .channelcate { margin-bottom: 5px; padding: 10px 5px; border: #CDCDCD 1px solid; height: 100%; overflow: hidden; }
#wrapper #main .channelcate ul { float: left; width: 580px; padding-top: 4px; }
#wrapper #main .channelcate li { float: left; height: 16px; margin: 4px 0; padding: 0px 6px; border-right: 1px solid #efefef; }
#wrapper #main .channelcate li a { float: left; padding: 1px 3px; height: 16px; border: 1px solid #fff; line-height: 16px; white-space: nowrap; }
#wrapper #main .channelcate li a.selected { color: White; border: 1px solid #5f0001; background: #890010; }
#wrapper #main .channelcate h3.title { float: left; width: 65px; height: 30px; line-height: 25px; padding-top: 4px; text-align: right; font-size: 12px; font-weight: bold; }
#wrapper #main .channelcate .cate { clear: both; border-bottom: 1px dashed #e1e1e1; }

#wrapper #sidebar { float: right; width: 250px; text-align: left; }
#wrapper #sidebar .title { height: 22px; border: solid 1px #000000; background: url(images/bg_title.gif) repeat-x; }
#wrapper #sidebar .title .title_l { float: left; width: 14px; height: 24px; }
#wrapper #sidebar .title .title_r { float: left; width: 32px; height: 24px; }
#wrapper #sidebar .title a.tit { float: left; height: 24px; line-height: 24px; padding: 0 10px; font-size: 14px; font-family: 'Microsoft YaHei'; color: #fff; text-decoration: none; }
#wrapper #sidebar .title a.tit:hover a { }
#wrapper #sidebar .title span.more { float: right; margin-right: 5px; }
#wrapper #sidebar .title span.more a { color: #760010; }
#wrapper #sidebar .item_block { border: 1px solid #CDCDCD; border-top: 1px solid #5F0001; min-height: 120px; }
#wrapper #sidebar .focusmatch ul { padding: 5px 10px; }
#wrapper #sidebar .focusmatch li { padding: 5px 0; background: url(images/dot3.gif) repeat-x 0 100%; }
#wrapper #sidebar .focusmatch li .time { font-weight: bold; }
#wrapper #sidebar .focusmatch li .matchtitle a { padding-right: 25px; background: url(images/zhibo_tv.gif) no-repeat 100% center; }
#wrapper #sidebar .focusleague { margin-top: 10px; border: 1px solid #CDCDCD; }
#wrapper #sidebar .focusleague ul { padding: 5px 10px; }
#wrapper #sidebar .focusleague li { padding: 5px 0; background: url(images/dot3.gif) repeat-x 0 100%; }
#wrapper #sidebar .focusleague li a { float: left; margin-right: 15px; font-weight: bold; }
#wrapper #sidebar .focusleague li a.league_1 { height: 32px; line-height: 32px; padding-left: 28px; background: url(images/league_1.gif) no-repeat 0 center; }
#wrapper #sidebar .focusleague li a.league_2 { height: 32px; line-height: 32px; padding-left: 32px; background: url(images/league_2.gif) no-repeat 0 center; }
#wrapper #sidebar .focusleague li a.league_3 { height: 32px; line-height: 32px; padding-left: 30px; background: url(images/league_3.gif) no-repeat 0 center; }
#wrapper #sidebar .focusleague li a.league_4 { height: 32px; line-height: 32px; padding-left: 32px; background: url(images/league_4.gif) no-repeat 0 center; }
#wrapper #sidebar .focusleague li a.league_5 { height: 32px; line-height: 32px; padding-left: 35px; background: url(images/league_5.gif) no-repeat 0 center; }
#wrapper #sidebar .focusleague li a.league_6 { height: 32px; line-height: 32px; padding-left: 28px; background: url(images/league_6.gif) no-repeat 0 center; }
#wrapper #sidebar .focusleague li a.league_7 { height: 32px; line-height: 32px; padding-left: 38px; background: url(images/league_7.gif) no-repeat 0 center; }
#wrapper #sidebar .focusleague li a.league_8 { height: 32px; line-height: 32px; padding-left: 32px; background: url(images/league_8.gif) no-repeat 0 center; }
#wrapper #sidebar .focusleague li a.jmb_1 { height: 30px; line-height: 30px; padding-left: 55px; background: url(images/jmb_1.gif) no-repeat 0 center; }
#wrapper #sidebar .focusleague li a.jmb_2 { height: 30px; line-height: 30px; padding-left: 25px; background: url(images/jmb_2.gif) no-repeat 0 center; }
#wrapper #sidebar .focusleague li a.jmb_3 { height: 30px; line-height: 30px; padding-left: 40px; background: url(images/jmb_3.gif) no-repeat 0 center; }
#wrapper #sidebar .focustv { margin-top: 10px; border: 1px solid #CDCDCD; }
#wrapper #sidebar .focustv ul { padding: 5px 10px; }
#wrapper #sidebar .focustv li { padding: 5px 0; background: url(images/dot3.gif) repeat-x 0 100%; }
#wrapper #sidebar .focustv li a { float: left; margin-right: 15px; color: #000; }
#wrapper #sidebar .focustv li a.tv_1 { height: 32px; line-height: 32px; padding-left: 55px; background: url(images/tv_1.gif) no-repeat 0 center; }
#wrapper #sidebar .focustv li a.tv_2 { height: 32px; line-height: 32px; padding-left: 23px; background: url(images/tv_2.gif) no-repeat 0 center; }
#wrapper #sidebar .focustv li a.tv_3 { height: 32px; line-height: 32px; padding-left: 32px; background: url(images/tv_3.gif) no-repeat 0 center; }
#wrapper #sidebar .focustv li a.tv_4 { height: 32px; line-height: 32px; padding-left: 30px; background: url(images/tv_4.gif) no-repeat 0 center; }
#wrapper #sidebar .focustv li a.tv_5 { height: 32px; line-height: 32px; padding-left: 36px; background: url(images/tv_5.gif) no-repeat 0 center; }
#wrapper #sidebar .focustv li a.tv_6 { height: 32px; line-height: 32px; padding-left: 36px; background: url(images/tv_6.gif) no-repeat 0 center; }
#wrapper #sidebar .focustv li a.tv_7 { height: 32px; line-height: 32px; padding-left: 32px; background: url(images/tv_7.gif) no-repeat 0 center; }
#wrapper #sidebar .focustv li a.tv_8 { height: 32px; line-height: 32px; padding-left: 28px; background: url(images/tv_8.gif) no-repeat 0 center; }
#wrapper #sidebar .focustv li a.tv_9 { height: 32px; line-height: 32px; padding-left: 28px; background: url(images/tv_9.gif) no-repeat 0 center; }
#wrapper #sidebar .focustv li a.tv_10 { height: 32px; line-height: 32px; padding-left: 28px; background: url(images/tv_10.gif) no-repeat 0 center; }
#wrapper #sidebar .focustv li a.tv_11 { height: 32px; line-height: 32px; padding-left: 28px; background: url(images/tv_11.gif) no-repeat 0 center; }
#wrapper #sidebar .focustv li a.tv_12 { height: 32px; line-height: 32px; padding-left: 28px; background: url(images/tv_12.gif) no-repeat 0 center; }
#wrapper #sidebar .share { margin-top: 10px; padding-top: 5px; padding-left: 5px; height: 100%; border: 1px solid #CECECE; }
#wrapper #sidebar .focusvideo { margin-top: 10px; }
#wrapper #sidebar .focusvideo ul { padding: 5px 10px; }
#wrapper #sidebar .focusvideo li { padding: 5px 0; background: url(images/dot3.gif) repeat-x 0 100%; }
#wrapper #sidebar .focusvideo li .pic { float: left; }
#wrapper #sidebar .focusvideo li .pic img { width: 83px; }
#wrapper #sidebar .focusvideo li .iititle { float: left; margin-left: 10px; margin-top: 5px; width: 135px; }
#wrapper #sidebar .focusvideo li .iititle a { color: #282828; }
#wrapper #sidebar .focusclub { margin-top: 10px; }
#wrapper #sidebar .focusclub .item { border: 1px solid #CDCDCD; border-top: 1px solid #5F0001; height: 100%; }
#wrapper #sidebar .focusclub .item ul { float: left; }
#wrapper #sidebar .focusclub .item li { float: left; height: 56px; width: 248px; background: url(images/club_bg.gif) repeat-x; }
#wrapper #sidebar .focusclub .item .pic { float: left; width: 35px; padding: 10px 8px; }
#wrapper #sidebar .focusclub .item .pic img { width: 35px; height: 35px; }
#wrapper #sidebar .focusclub .item .text { float: left; width: 190px; padding: 10px 0px; overflow: hidden; }
#wrapper #sidebar .focusclub .item .text a { color: #282828; white-space: nowrap; }
#wrapper #sidebar .focustools { margin-top: 10px; }
#wrapper #sidebar .focustools ul { padding: 5px 10px; }
#wrapper #sidebar .focustools ul li { line-height: 23px; }
#wrapper #sidebar .focustools ul li a { margin-right: 5px; white-space: nowrap; }
#wrapper #sidebar .focusphoto { margin-top: 10px; }
#wrapper #sidebar .focusphoto .photo_slide { float: left; padding: 5px 12px; }
#wrapper #sidebar .focusphoto .mmshow { width: 225px; overflow: hidden; }
#wrapper #sidebar .focusphoto .mmshowtxt { clear: both; height: 20px; padding-left: 10px; background: #000000; }
#wrapper #sidebar .focusphoto .mmshowtxt li { float: left; width: 13px; height: 20px; cursor: pointer; background: url(images/mmshow_cur.gif) no-repeat -13px center; }
#wrapper #sidebar .focusphoto .mmshowtxt li span { float: left; width: 13px; height: 20px; }
#wrapper #sidebar .focusphoto .mmshowtxt li.on span.on { background: url(images/mmshow_cur.gif) no-repeat 0 center; }
#wrapper #sidebar .focusphoto .mmshowimg { float: left; width: 225px; height: 280px; overflow: hidden; }
#wrapper #sidebar .focusphoto .mmshowimg li { display: none; position: relative; list-style: none; }
#wrapper #sidebar .focusphoto .mmshowimg li div { padding: 3px 5px; width: 215px; position: absolute; bottom: 0px; left: 0px; color: white; background: none repeat scroll 0% 0% #000; filter: alpha(opacity=50); opacity: 0.5; filter: progid:DXImageTransform.Microsoft.Alpha(opacity=50); }
#wrapper #sidebar .focusphoto .mmshowimg li div a { color: white; font-size: 12px; }
#wrapper #sidebar .focusphoto .mmshowimg li.on { display: block; }

#wrapper #sidebar .tvtypeext { }
#wrapper #sidebar .tvtypeext ul { padding: 5px 10px; }
#wrapper #sidebar .tvtypeext ul li { padding: 5px 0; background: url(images/dot3.gif) repeat-x 0 100%; font-size: 14px; }
#wrapper #sidebar .tvtypeext ul li a { float: left; width: 90px; padding-left: 20px; text-align: left; white-space: nowrap; }

#page-wide ul { list-style: none; margin: 0; padding: 0; }
#page-wide li { list-style: none; margin: 0; padding: 0; }
#page-wide .title { height: 22px; border-bottom: 1px solid #760010; }
#page-wide .title .title_l { float: left; width: 14px; height: 22px; background: url(images/title_bg_left.gif) no-repeat left center; }
#page-wide .title .title_r { float: left; width: 32px; height: 22px; background: url(images/title_bg_right.gif) no-repeat left center; }
#page-wide .title a.tit { float: left; height: 22px; line-height: 22px; padding: 0 10px; font-size: 14px; font-weight: bold; font-family: 'Microsoft YaHei'; background: url(images/title_bg_middle.gif) no-repeat left center #890012; color: #fff; text-decoration: none; }
#page-wide .title a.tit:hover a { }
#page-wide .dateblock { background: #430102; padding: 17px; height: 100%; }
#page-wide .dateblock .choiceblock { float: left; width: 721px; overflow: hidden; }
#page-wide .dateblock .typemenu ul { float: left; background: #fff; }
#page-wide .dateblock .typemenu li { float: left; width: 79px; height: 57px; text-align: center; font-size: 14px; font-weight: bold; font-family: 'Microsoft YaHei'; border: 1px solid #CFCFCF; border-bottom: 1px solid #A0A0A0; border-right: none; }
#page-wide .dateblock .typemenu li.last { border-right: 1px solid #CFCFCF; }
#page-wide .dateblock .typemenu li a { float: left; width: 79px; height: 57px; padding-top: 35px; color: #000; }
#page-wide .dateblock .typemenu li a:hover { background: #CFCFCF; }
#page-wide .dateblock .typemenu li a.selected { background: #CFCFCF; }
#page-wide .dateblock .typemenu li a.type0 { background-image: url(images/zhibo_type0.png); background-repeat: no-repeat; background-position: 26px 3px; }
#page-wide .dateblock .typemenu li a.type1 { background-image: url(images/zhibo_type1.png); background-repeat: no-repeat; background-position: 26px 3px; }
#page-wide .dateblock .typemenu li a.type2 { background-image: url(images/zhibo_type2.png); background-repeat: no-repeat; background-position: 26px 3px; }
#page-wide .dateblock .typemenu li a.type3 { background-image: url(images/zhibo_type3.png); background-repeat: no-repeat; background-position: 26px 3px; }
#page-wide .dateblock .typemenu li a.type4 { background-image: url(images/zhibo_type4.png); background-repeat: no-repeat; background-position: 26px 3px; }
#page-wide .dateblock .typemenu li a.type5 { background-image: url(images/zhibo_type5.png); background-repeat: no-repeat; background-position: 26px 3px; }
#page-wide .dateblock .typemenu li a.type6 { background-image: url(images/zhibo_type6.png); background-repeat: no-repeat; background-position: 26px 3px; }
#page-wide .dateblock .typemenu li a.type7 { background-image: url(images/zhibo_type7.png); background-repeat: no-repeat; background-position: 21px 3px; }
#page-wide .dateblock .typemenu li a.type8 { background-image: url(images/zhibo_type8.png); background-repeat: no-repeat; background-position: 21px 3px; }
#page-wide .dateblock .typemenu li a.type9 { background-image: url(images/zhibo_type9.png); background-repeat: no-repeat; background-position: 21px 3px; }
#page-wide .dateblock .typemenu li a.type10 { background-image: url(images/zhibo_type10.png); background-repeat: no-repeat; background-position: 21px 3px; }
#page-wide .dateblock .typemenu li a.type11 { background-image: url(images/zhibo_type11.png); background-repeat: no-repeat; background-position: 21px 3px; }
#page-wide .dateblock .typemenu li a.type12 { background-image: url(images/zhibo_type12.png); background-repeat: no-repeat; background-position: 21px 3px; }
#page-wide .dateblock .typemenu li a.type13 { background-image: url(images/zhibo_type13.png); background-repeat: no-repeat; background-position: 21px 3px; }
#page-wide .dateblock .typemenu li a.type14 { background-image: url(images/zhibo_type14.png); background-repeat: no-repeat; background-position: 21px 3px; }
#page-wide .dateblock .typemenu li a.type15 { background-image: url(images/zhibo_type15.png); background-repeat: no-repeat; background-position: 21px 3px; }
#page-wide .dateblock .leaguemenu { height: 12px; background: #CFCFCF; }
#page-wide .dateblock .current { height: 16px; }
#page-wide .dateblock .current .cur { float: left; width: 24px; height: 11px; margin-left: 340px; background: url(images/zhibo_current.gif) no-repeat; }
#page-wide .dateblock .datelist { margin-top: 15px; margin-left: 10px; }
#page-wide .dateblock .datelist a { text-decoration: none; }
#page-wide .dateblock .datelist .pre { float: left; margin-top: 35px; }
#page-wide .dateblock .datelist .pre a { float: left; width: 24px; height: 26px; background: url(images/date_pre.gif) no-repeat; }
#page-wide .dateblock .datelist .item { float: left; margin: 0 5px; }
#page-wide .dateblock .datelist .item ul { float: left; }
#page-wide .dateblock .datelist .item li { float: left; margin: 0 5px; width: 80px; height: 95px; background: url(images/date_item.gif) no-repeat; }
#page-wide .dateblock .datelist .item li span.date { float: left; width: 80px; text-align: center; color: #fff; }
#page-wide .dateblock .datelist .item li span.datenum { float: left; width: 80px; height: 55px; line-height: 55px; text-align: center; color: #4C5359; font-size: 28px; font-weight: bold; font-family: 'Microsoft YaHei'; }
#page-wide .dateblock .datelist .item li span.matchnum { float: left; width: 80px; text-align: center; color: #4C5359; }
#page-wide .dateblock .datelist .item li.selected span.datenum { color: #7E0000; }
#page-wide .dateblock .datelist .item li.selected span.matchnum { color: #7E0000; }
#page-wide .dateblock .datelist .next { float: left; margin-top: 35px; }
#page-wide .dateblock .datelist .next a { float: left; width: 24px; height: 26px; background: url(images/date_next.gif) no-repeat; }
#page-wide .dateblock .calendar { float: right; width: 200px; }
#page-wide .matchlist { margin-top: 12px; }
#page-wide .tb_list { width: 100%; border: 0px solid #D0D0D0; background: #D0D0D0; }
#page-wide .tb_list tr.odds td { background: #E4E4E4; }
#page-wide .tb_list tr.even td { background: #F1EFF0; }
#page-wide .tb_list th { height: 30px; color: #fff; text-align: center; background: #7E0001; font-weight: normal; font-size: 14px; font-family: 'Microsoft YaHei'; }
#page-wide .tb_list td { height: 28px; text-align: center; }
#page-wide .tb_list td.time { width: 70px; color: #014E94; font-weight: bold; }
#page-wide .tb_list td.state { width: 70px; }
#page-wide .tb_list td.tleague { width: 117px; }
#page-wide .tb_list td.tleague .league_icon { float: left; width: 15px; height: 15px; margin-top: 7px; margin-right: 2px; margin-left: 10px; }
#page-wide .tb_list td.tleague .league { float: left; margin-left: 2px; margin-top: 5px; padding: 0 10px 0 0px; line-height: 23px; background-position: left center; background-repeat: no-repeat; }
#page-wide .tb_list td.ititle { width: 258px; padding-left: 5px; text-align: left; }
#page-wide .tb_list td.ititle a { color: #000000; }
#page-wide .tb_list td.tsignals { padding: 0 10px; text-align: left; word-break: break-all; }
#page-wide .tb_list td.tsignals .signals { line-height: 23px; padding-left: 20px; background: url(images/zhibo_tv.gif) no-repeat 0 7px; }
#page-wide .tb_list td.tsignals .signals a { margin-left: 5px; }
#page-wide .tb_list td.tsignals .signals .iititle { float: left; padding-right: 5px; }
#page-wide .tb_list td.tsignals .signals ul { float: left; }
#page-wide .tb_list td.tsignals .signals li { float: left; }
#page-wide .tb_list td.op { width: 115px; }
#page-wide .tb_list td.op a { padding-right: 12px; color: #000000; background: url(images/go.gif) no-repeat 100% 3px; }
#page-wide .shareblock { margin-top: 12px; }
#page-wide .shareblock .share { float: right; }
#page-wide .playerblock { background: #000000; height: 100%; }
#page-wide .playerblock .playerarea { float: left; width: 540px; background: #141414; border: 1px solid #262626; }
#page-wide .playerblock .playerarea .ititle { height: 23px; padding-left: 30px; background: url(images/player_title.gif) no-repeat; }
#page-wide .playerblock .playerarea .ititle h1 { line-height: 23px; font-size: 12px; font-weight: bold; color: #fff; }
#page-wide .playerblock .playerarea .detail { margin-left: 3px; width: 532px; height: 460px; background: #000000; border-left: 1px solid #2C2C2C; border-right: 1px solid #2C2C2C; }
#page-wide .playerblock .playerarea .bottom { height: 2px; background: url(images/player_bottom.gif) no-repeat; }
#page-wide .playerblock .playerarea .tips { padding-left: 10px; line-height: 30px; color: #2971BB; }
#page-wide .playerblock .playerarea .channels { float: left; margin-bottom: 5px; }
#page-wide .playerblock .playerarea .channels .iititle { float: left; padding: 3px 5px 3px 10px; line-height: 24px; color: #fff; font-weight: bold; }
#page-wide .playerblock .playerarea .channels .dropbox,
#page-wide .playerblock .playerarea .channels .btnlink { float: left; margin: 3px 10px; line-height: 24px; height: 24px; color: #fff; white-space: nowrap; position: relative; background: url(images/channel_btnmiddle.gif) repeat-x; }
#page-wide .playerblock .playerarea .channels .dropbox .btnleft,
#page-wide .playerblock .playerarea .channels .btnlink .btnleft { float: left; padding: 0; width: 6px; height: 24px; background: url(images/channel_btnleft.gif) no-repeat; }
#page-wide .playerblock .playerarea .channels div.dropbox .btnright { float: left; padding: 0; width: 23px; height: 24px; background: url(images/channel_btnright.gif) no-repeat; }
#page-wide .playerblock .playerarea .channels div.dropbox p { float: left; padding: 0 8px; color: #999; }
#page-wide .playerblock .playerarea .channels div.dropbox p.selected { color: white; font-weight: bold; }
#page-wide .playerblock .playerarea .channels div.btnlink .btnright { float: left; padding: 0; width: 6px; height: 24px; background: url(images/channel_btnright2.gif) no-repeat; }
#page-wide .playerblock .playerarea .channels div.btnlink a { float: left; padding: 0 8px; color: #999; text-decoration: none; }
#page-wide .playerblock .playerarea .channels div.btnlink a.selected { color: white; font-weight: bold; }
#page-wide .playerblock .playerarea .channels ul { display: none; float: left; width: 80px; border: 1px solid #030303; background: #0E0E0E; list-style: none; margin: 0; padding: 2px; position: absolute; top: 20px; left: 0px; z-index: 999; }
#page-wide .playerblock .playerarea .channels ul li { float: left; width: 80px; height: 25px; }
#page-wide .playerblock .playerarea .channels ul a { float: left; padding-left: 10px; width: 70px; height: 25px; line-height: 25px; border-top: 1px solid #2B2B2B; border-bottom: 1px solid #000000; text-decoration: none; }
#page-wide .playerblock .playerarea .channels ul a:hover { background: #2971BB; color: #fff; }
#page-wide .playerblock .playerarea .channels ul a.selected { background: #2971BB; color: #fff; }
#page-wide .playerblock .playerarea .channels div.sfHover a { color: #ddd; }
#page-wide .playerblock .playerarea .channels div.sfHover ul a { color: #eee; }
#page-wide .playerblock .playerarea .channels div.sfHover ul a:hover { background: #2971BB; color: #fff; }
#page-wide .playerblock .playerarea .channels div.sfHover ul { top: 20px; }
#page-wide .playerblock .chatarea { float: right; width: 432px; border: 1px solid #262626; }
#page-wide .playerblock .chatarea .ititle { height: 24px; padding-left: 30px; background: url(images/chat_title.gif) no-repeat; }
#page-wide .playerblock .chatarea .detail { margin-left: 1px; background: #000000; border-left: 1px solid #262626; border-right: 1px solid #262626; }
#page-wide .playerblock .chatarea .share { padding-left:10px; line-height:30px; font-weight:bold;}
#page-wide .playerblock .chatarea .bottom { height: 2px; }
#page-wide .pluginsblock { }
#page-wide .pluginsblock .pluginslist { border: 1px solid #CDCDCD; border-top: 1px solid #5F0001; }
#page-wide .pluginsblock .pluginslist .process { height: 30px; line-height: 30px; color: #890010; }
#page-wide .pluginsblock .pluginslist ul { padding: 5px 10px; }
#page-wide .pluginsblock .pluginslist li.line { clear: both; padding: 7px 5px; height: 100%; border-bottom: #CFCFCF solid 1px; }
#page-wide .pluginsblock .pluginslist li img { vertical-align: middle; }
#page-wide .pluginsblock .pluginslist a { padding-left: 18px; padding-right: 5px; background: url(images/down.gif) no-repeat 0 center; }
#page-wide .sitemapblock { margin-bottom: 15px; }
#page-wide .sitemapblock .sitemaplist { padding: 5px 10px; border: 1px solid #CDCDCD; border-top: 1px solid #5F0001; }
#page-wide .sitemapblock .sitemaplist a { padding: 7px 5px; line-height: 25px; white-space: nowrap; }

#page-online { background: #000000; }
#online-main { float: left; width: 776px; padding-top: 2px; background: #000000; }
#online-main .channels { float: left; width: 235px; height: 630px; }
#online-main .channels_top { }
#online-main .channels_top .cate_title { float: left; margin: 1px; width: 67px; height: 21px; text-align: center; color: #4CB8DF; border: 1px solid #7F7F7F; background: url(images/online_cate_bg.gif) repeat-y; }
#online-main .channels_top .cate_title a { color: #4CB8DF; }
#online-main .channels_top .searchbox { float: right; margin: 1px; height: 21px; width: 158px; line-height: 21px; border: #282828 1px solid; background: #1E1E1E; }
#online-main .channels_top .searchbox .search_left { float: left; width: 12px; height: 21px; margin-left: 5px; background: url(images/online_search_left.gif) no-repeat left center; }
#online-main .channels_top .searchbox .search_middle { float: left; height: 21px; width: 108px; background: url(images/online_search_middle.gif) repeat-x left center; }
#online-main .channels_top .searchbox .search_right { float: left; height: 21px; width: 30px; background: url(images/online_search_right.gif) no-repeat left center; }
#online-main .channels_top .searchbox .btnsearch { margin-top: 1px; border: none; width: 28px; height: 16px; background: url(images/online_search_btn.gif) no-repeat center center; }
#online-main .channels_top .searchbox .txtsearch { margin-top: 1px; border: none; height: 16px; width: 108px; color: #fff; background: #464646; }
#online-main .channelcate { float: left; width: 68px; margin: 0 1px; background: #111E24; border: 1px solid #0E191F; }
#online-main .channelcate .up { height: 11px; font-size: 1px; background: url(images/moveup.gif) no-repeat center center; }
#online-main .channelcate .down { height: 11px; font-size: 1px; background: url(images/movedown.gif) no-repeat center center; }
#online-main #channel-cate { height: 575px; overflow: hidden; }
#online-main .channelcate li { margin: 2px 0; line-height: 21px; text-align: center; color: #fff; font-weight: bold; cursor: pointer; }
#online-main .channelcate li.cur { background: url(images/online_cate_cur.gif) no-repeat; }
#online-main .channeltvs { float: right; width: 161px; height: 595px; overflow: hidden; overflow-y: auto; }
#online-main .channeltvs li { margin-left: 5px; height: 20px; line-height: 20px; text-align: left; }
#online-main .channeltvs li a { float: left; padding-left: 15px; width: 115px; height: 23px; color: #fff; cursor: pointer; background: url(images/tv_cur.gif) no-repeat 5px center; }
#online-main .channeltvs li a:active,
#online-main .channeltvs li a:hover,
#online-main .channeltvs li a.cur { color: #fff; background: #1769B5; }
#online-main .searcharea { display: none; float: left; width: 232px; height: 530px; overflow: hidden; overflow-y: auto; }
#online-main .searcharea .searchback { line-height: 30px; padding-right: 20px; font-weight: bold; text-align: center; color: #4CB8DF; background: url(images/shortcut.gif) no-repeat right center; cursor: pointer; }
#online-main .searcharea p { line-height: 30px; text-align: center; }
#online-main .searcharea li { margin-left: 5px; height: 20px; line-height: 20px; text-align: left; }
#online-main .searcharea li a { float: left; padding-left: 15px; width: 200px; height: 20px; color: #fff; cursor: pointer; background: url(images/tv_cur.gif) no-repeat 5px center; }
#online-main .searcharea li a:active,
#online-main .searcharea li a:hover,
#online-main .searcharea li a.cur { color: #fff; background: #1769B5; }
#online-main #main-player { float: left; width: 538px; }
#online-right { float: right; width: 200px; height: 630px; margin-bottom: 5px; }
#online-right .chatarea { float: right; width: 198px; border: 1px solid #262626; }
#online-right .chatarea .ititle { height: 24px; padding-left: 30px; background: url(images/chat_title.gif) no-repeat; }
#online-right .chatarea .detail { margin-left: 1px; background: #000000; border-left: 1px solid #262626; border-right: 1px solid #262626; }
#online-right .chatarea .bottom { height: 2px; }

#topbar { height: 26px; line-height: 26px; border-bottom: 1px solid #CFCFCF; background: #000; text-align: left; }
#topbar * { color: #fff; }
#topbar a { margin-left: 7px; }
#topbar .left { margin-left: 10%; }

#friendlinks { margin-top: 15px; border-top: 2px solid #760010; }
#friendlinks .links { padding: 5px 14px; border: 1px solid #CECECE; border-top: none; }
#friendlinks .title { line-height: 28px; font-weight: bold; }
#friendlinks .item { line-height: 25px; word-spacing: 5px; }
#friendlinks .item a { color: #6C6C6C; }

.page-list { clear: both; margin-top: 10px; padding-top: 10px; height: 33px; background: url(images/pager_bg.gif) repeat; color: #003399; text-align: center; }
.page-list .pager { height: 22px; border-top: 1px solid #CCCCCC; background: #fff; }
.page-list ul { }
.page-list li { float: left; margin-right: 1px; line-height: 22px; height: 22px; color: #ABA9AC; }
.page-list a { float: left; height: 22px; line-height: 22px; padding: 0 10px; }
.page-list a:link,
.page-list a:visited { color: #334C80; background-color: #FFFFFF; text-decoration: none; }
.page-list a:hover { background: #890010; color: #fff; }
.page-list .current { background: #890010; color: #fff; padding: 0 10px; }
.page-list .pg_total,
.page-list .pg_last { line-height: 22px; padding: 0 10px; }


a#BackToTop span { float: left; right: 9px; bottom: 9px; width: 50px; height: 50px; cursor: pointer; background: url(/ui/images/book_back2top_v2.png) no-repeat; }
a#BackToTop:hover span { float: left; right: 9px; bottom: 9px; width: 50px; height: 50px; cursor: pointer; background: url(/ui/images/book_back2top_v2.png) no-repeat 0 -50px; }

#lqdel, #lqder { position: absolute; visibility: visible; z-index: 1; }
#lqdel div, #lqder div { margin-top: 5px; }
#lqdel2, #lqder2 { position: absolute; visibility: visible; z-index: 1; }
#lqdel2 div, #lqder2 div { margin-top: 5px; }

#page-needplugins { }
#page-needplugins .videoneed { padding: 20px 0 80px 0; border: 1px solid #CFCFCF; border-top: 2px solid #CB3D0F; margin: auto; }
#page-needplugins .videoneed .ititle {font-family: 'Microsoft YaHei'; font-size: 22px; color: #333333; padding-bottom: 15px; border-bottom-width: 1px; border-bottom-style: dashed; border-bottom-color: #999999; margin-right: 15px; margin-left: 15px; margin-top: 0px; padding-top: 20px; text-align: center; }
#page-needplugins .videoneed .tochose { color: #7A0000; font-family: 'Microsoft YaHei'; font-size: 20px; padding-top: 25px; padding-bottom: 5px; text-align: center; }
#page-needplugins .videoneed .tochose p.downarea { padding:10px 0; height:45px; line-height:45px; width:350px; margin:auto; font-family:'Microsoft YaHei'; font-size:14px;}
#page-needplugins .videoneed .tochose p.downarea a.download {height: 45px; line-height:45px; width: 117px; float: left; padding-left:55px; text-align:left;   background: url("/ui/Images/todownload.jpg") no-repeat;   }
#page-needplugins .copyplay { width:480px; margin:auto; padding-left:100px; line-height:30px; font-size:14px; font-family:'Microsoft YaHei';  }

#player .list_hottv { width: 177px; float: left; border: solid 1px #bbbbbb; margin-right: 5px; background: #f1f1f1; padding-bottom: 3px; }
#player .list_hottv p { float: left; margin:0; padding: 0 10px 0 25px; width: 142px; line-height: 25px; height: 25px; overflow: hidden; font-size: 12px; }
#player .list_hottv .hottv_title, .chat_title { height: 36px; line-height: 36px; font-size: 14px; padding-left: 13px; width: 154px; background: url(images/bg_tvlist_title.gif) repeat-x; border-bottom: solid 1px #bbbbbb; margin-bottom: 5px; color: #414141; }
#player .list_hottv .hottv_item { background: url(images/icon_arrow_right.gif) no-repeat 13px 8px; color: #666666; }
#player .list_hottv .hottv_item a { color: #666666; }
#player .list_hottv .hottv_item:hover a { color: #ffffff; }
#player .list_hottv .hottv_item:hover { background: url(images/icon_arrow_right_blue.gif) no-repeat 13px 8px #4898e3; color: #ffffff; }
#player .chat .chat_title { width: 329px; padding-left: 15px; margin-bottom: 5px; border: solid 1px #bbbbbb; display: none; }
#player .chat .chat_tool { width: 344px; border: solid 1px #bbbbbb; height: 40px; margin: 2px 0; }
.btn_close_ad { float: left; width: 60px; margin-left: 15px; line-height: 24px; }

#pagefooter .footer { margin: 0 auto !important; }
#pagefooter { padding: 20px 20px 5px 20px !important; background: #333333 !important; color: #494949 !important; text-align: center; }
#pagefooter .contacts { width: 980px; margin: auto; }
#pagefooter .contacts .num { margin-right: 20px; }
#pagefooter .contacts .copyright { float: left; color: #fff; }
#pagefooter { margin-top: 10px; padding-bottom: 15px; color: #fff; }
#pagefooter a { color: #fff; }
#pagefooter .declare { line-height: 30px; color: #6B6B6B; }
#pagefooter .links { line-height: 25px; }
#pagefooter .copyright { line-height: 25px; }
#pagefooter .stat { line-height: 25px; }

/* 第三方跳转 */
#other-play { padding:30px 30px; border: 1px solid #CFCFCF; border-top: 2px solid #CB3D0F; }
#other-play h2 { font-size:16px; line-height:30px; font-family:'Microsoft YaHei';text-align:center; }
#other-play .loading { text-align:center; padding:30px 0;}
#other-play #direct-open { text-align:center; font-weight:bold; }
#other-play .waiting-tips { margin-top:50px;}
#other-play .waiting-tips .title { line-height:30px;}
#other-play .waiting-tips .content { line-height:25px;}