.area{ width:960px; margin:0 auto}
.areabg{ background:url(billzb_bg_y.gif) repeat-y 0 0;}
.areabot{ display:block; clear:both; background:url(billzb_bg_y.gif) no-repeat -1003px 0; line-height:1px; font-size:1px; height:1px; overflow:hidden}
.areabg .col1{ float:left; width:185px; border-top:1px solid #e1e1e1}
.areabg .col2{ float:right; width:766px;}

.col2Ab{ background:#fff; width:766px;}
.col2Ab .col2A{ float:left; width:402px;}
.col2Ab .col2b{ float:right; width:355px;}

.coltil{ margin:4px 5px; border:1px solid #e1e1e1; background:url(billzb_bg_x.gif) repeat-x 0 0; line-height:25px; height:25px; color:#2b2b2b; overflow:hidden; position:relative}
.coltil h2{ border:1px solid #fff; height:23px; overflow:hidden; text-align:left; font-size:14px; font-weight:bold; background:url(billzb_bg_norp.gif) no-repeat 8px -246px; padding-left:25px;}
.coltil .toclose{ background:url(billzb_bg_norp.gif) no-repeat -16px -314px; text-indent:-9em; display:block; width:11px; height:11px; overflow:hidden; position:absolute; right:8px; top:7px; cursor:pointer}
.coltil2{ border-left:5px solid #000; line-height:27px; text-align:left; background:url(billzb_bg_x.gif) repeat-x 0 -31px; margin-right:1px;}
.coltil2 h2{ border-top:1px solid #dcdddd;border-bottom:1px solid #dcdddd; font-size:14px; font-weight:bold; padding-left:12px;}

.stationList{ margin:9px 10px 12px;color:#2b2b2b;text-align:left}
.stationList .toclose{ background:url(billzb_bg_norp.gif) no-repeat -16px -314px; text-indent:-9em; display:block; width:11px; height:11px; overflow:hidden; position:absolute; cursor:pointer}
.stationList .toshow{ background:url(billzb_bg_norp.gif) no-repeat 0 -314px; text-indent:-9em; display:block; width:11px; height:11px; overflow:hidden; position:absolute;cursor:pointer}
.stationList .s1{ margin-bottom:8px; background:url(bill_bg_x.gif) repeat-x 0 -112px; line-height:25px;height:25px; position:relative; z-index:1;}
.stationList .s1 strong{ font-weight:bold; background:url(bill_bg_norp.gif) no-repeat 8px -196px; padding-left:26px;}
.stationList .s1 .toclose{ right:10px; top:6px;}
.stationList .s1 .toshow{ right:10px; top:6px;}
.stationList dd dd{ padding:3px 0; line-height:20px;}
.stationList .s2{line-height:20px;height:20px; padding:0 0 3px 22px; font-weight:bold; position:relative; z-index:1}
.stationList .s2 .toclose{ left:3px; top:3px;}
.stationList .s2 .toshow{ left:3px; top:3px;}
.stationList .l2{ margin:0 3px;}
.stationList .l2 dd{ padding-left:23px;}
.stationList .t1{line-height:22px;height:22px; margin:0 0 5px 0; padding:1px 0 0 26px; font-weight:bold; position:relative; z-index:1}
.stationList .t1 .toclose{ left:8px; top:5px;}
.stationList .t1 .toshow{ left:8px; top:5px;}
.stationList2 dt{ clear:both}
.stationList2 .t1 strong{ font-weight:bold}
.stationList2 dt.on{ background:#f3f3f3}
.stationList2 dd{ clear:both; line-height:28px; padding:0 8px 0 28px}

.billBox .livetop{ line-height:30px; color:#aaa; text-align:left; background:url(billzb_bg_x.gif) repeat-x 0 -65px}
.billBox .livetop h2{ background:url(billzb_bg_norp.gif) no-repeat 0 0; padding-left:28px;}
.billBox .livetop .exp{ display:block; float:right; width:30px; height:30px; margin-top:-30px; background:url(billzb_bg_norp.gif) no-repeat right -36px; padding-right:10px;}
.billBox .date{ background:url(billzb_bg_x.gif) repeat-x 0 -116px; height:36px; width:353px; overflow:hidden; border:1px solid #2b2b2b}
.billBox .date dl{ width:110%;height:36px;}
.billBox .date dt,.billBox .date dd{ float:left; width:42px; line-height:36px; text-align:center; color:#7d7d7d; cursor:pointer}
.billBox .date dt{ width:18px; line-height:16px; padding:3px 8px 2px 8px; background:url(billzb_bg_norp.gif) no-repeat 33px -77px}
.billBox .date dd{ background:url(billzb_bg_norp.gif) no-repeat 40px -120px;}
.billBox .date dd.on span{ display:block;background:url(billzb_bg_norp.gif) no-repeat 18px -170px;}
.billBox .content{ width:100%; height:281px; background:#2b2b2b url(billzb_bg_y.gif) no-repeat -2005px bottom; padding-bottom:1px;}
.billBox .list{ width:353px; height:251px; overflow:hidden; overflow-y:scroll; border-left:1px solid #2b2b2b;border-right:1px solid #2b2b2b;}
.billBox .list li{ width:100%; line-height:22px; border-top:1px solid #575a5c; border-bottom:1px solid #2b2b2b; background:#474a4d; float:left; clear:both}
.billBox .list li.bg{ background:#2b2b2b}
.billBox .list li .time{ float:left; width:46px;}
.billBox .list li .til{ float:left; padding-left:8px; width:260px; border-left:1px solid #575a5c;}
.billBox .list li.on,.billBox .list li.on a,.billBox .list li.on a:visited{ color:#fff}
.billBox .list li.on .til .left{ font-weight:bold}
.billBox .list li.on .til .right{color:#969696}
.billBox .list li,.billBox .list li a,.billBox .list li:visited{ color:#969696}
.billBox .list li a:hover{ color:#f00}
.billBox .control{ margin:0 1px; height:26px; line-height:26px; border-top:1px solid #575a5c; background:#f3f3f3; text-align:left;}
.billBox .control .search{ float:left; margin:5px 0 0 8px; background:url(billzb_bg_norp.gif) no-repeat 0 -224px; width:15px; height:15px;overflow:hidden; text-indent:-9999em; cursor:pointer}
.billBox .control .pre{ float:left; margin:9px 0 0 8px; background:url(billzb_bg_norp.gif) no-repeat -22px -228px; width:8px; height:8px; overflow:hidden; text-indent:-999em; cursor:pointer}
.billBox .control .tips{ float:left; width:280px; color:#7d7d7d; margin-left:8px;}
.billBox .control .next{ float:left; margin:9px 0 0 8px; background:url(billzb_bg_norp.gif) no-repeat -36px -228px; width:8px; height:8px; overflow:hidden; text-indent:-999em; cursor:pointer}

.onlineList{ margin:0 1px -1px; text-align:left}
.onlineList li{ width:100%; float:left; line-height:24px;height:24px; overflow:hidden; padding:4px 0; border-bottom:1px solid #dfdede}
.onlineList li.bg{ background:#f6f6f6;}
.onlineList li .logo,.onlineList li .name,.onlineList li .time,.onlineList li .til,.onlineList li .play{ float:left}
.onlineList li .logo{ float:left; padding:0 8px}
.onlineList li .logo img{ border:1px solid #ccc}
.onlineList li .name{ width:90px; font-weight:bold}
.onlineList li .time{ width:38px;}
.onlineList li .til{ width:250px;}
.onlineList li .play a{ float:left; margin-top:4px; background:url(billzb_bg_norp.gif) no-repeat 0 -279px; width:44px; height:17px; text-indent:-999em; overflow:hidden}
.onlineList li .next{ padding:4px 0; margin:-4px 0; float:right; width:263px; padding-left:10px; border-left:1px solid #dfdede; color:#7a7a7a}
.onlineList li a,.onlineList li a:visited{ color:#292929;}
.onlineList li .next a,.onlineList li .next a:visited{ color:#7a7a7a;}