@charset "utf-8";
/* 
类型：直播列表
作者：杨涛
日期：2016-03-19 23:13
心情：★★★☆☆
兼容：ie(9+)、webkit、moz 
备注：
*/
html,body{background:#f4f4f4;}
.zblist_body{ margin-top:25px; margin-bottom:40px;}
.zblist_left{ float:left; width:100%; margin-right:-320px;}
.zblist_left_body{ margin-right:340px; padding:20px; padding-top:0; background:#fff; border:1px solid #eeeeee;}
.zblist_right{ float:right; width:320px; overflow:hidden;}

/*直播*/
.zhibo_box{ background:#fff; padding:20px; padding-right:0; }
.zb_hd{ position:relative;}
.zb_hd big{ font-size:20px;}
.zb_hd_fs{ position:absolute; top:0; right:20px; font-size:16px;}
.zb_hd_fs font{ font-size:26px; color:#ff8800;}
.zb_bd{ margin-top:20px;}
.zb_bd li{ float:left; width:273px; width:33.33%; *width:33.3%; margin-bottom:20px; overflow:hidden;}
.zb_bd li .zb_bd_box{ margin-right:20px; padding-bottom:20px; border:1px solid #eee; background:#f6f6f6;}

.zb_bd li a{ display:block; position:relative;}
.bigimg_box{ display:block; width:100%; height:150px; overflow:hidden;}
.zb_bd li .big_img{ width:100%; height:150px;}
.zb_bd li a:hover .big_img{ transform:scale(1.5,1.5); -webkit-transform:scale(1.2,1.2);}

.zb_bd li .small_img{ position:absolute; right:10px; bottom:-30px; width:80px; height:80px; border:4px solid #fff; border-radius:100%;}
.zb_bd_name{ padding:5px 10px; padding-bottom:10px; font-size:16px;}
.zb_bd_info{ padding-left:5px;}
.zb_bd_info span{ display:inline-block; margin:0 5px;}
.zb_bd_info .person{ width:22px; height:22px; background-position:0 -288px;}
.zb_bd_info .time{ width:22px; height:22px; background-position:0 -310px;}




/*右侧模块*/
.zx_r1 img{ width:100%; margin-bottom:20px;}
.zx_r2{background: #fff;padding: 0 15px;border: 1px solid #eee;border-radius: 2px;margin-bottom: 20px;}
.zx_r2 li{ border-bottom:1px solid #eee;}
.zx_r2 li a{ display:block; padding:15px 0; width:100%;}
.zx_r2 li a em{ display:inline-block; margin-right:10px; width:15px; height:20px; line-height:16px; text-align:center; font-style:normal; overflow:hidden; color:#fff; background-position:0 -894px;}
.zx_r3{ background: #fff;padding: 0 15px;border: 1px solid #eee;border-radius: 2px;margin-bottom: 20px;}
.zx_r_tt{ height: 46px;line-height: 46px;position: relative;border-bottom: 1px solid #eee;color: #333;font-size: 18px;}

.news_title{ padding-bottom:20px; font-size:20px; border-bottom:2px solid #20a2d6; position:relative;}
.news_title .more{ position:absolute; top:0; right:0; color:#20a2d6; font-size:16px;}
.news_content{ margin-bottom:20px;}
.news_content li{ padding:20px 0; border-bottom:1px solid #eee;}
.news_content li:last-child{ border-bottom:0;}
.news_content li h2{ font-size:18px; margin-bottom:20px;}
.news_content .news_info{ margin-bottom:10px;}
.news_content .news_info a{ float:left; vertical-align:top; padding-right:20px;}
.news_content .news_info img{width:120px; height:80px;}
.news_content .news_info p{ color:#888888; line-height:1.5em;}
.news_content .time{color:#aaa;}
.page{ padding-top:20px;}
.page a{ display:inline-block; padding:8px 15px; background:#fff; border:1px solid #eee; margin:0 3px;}
.page a.on,.page a:hover{ background:#20a2d6; color:#fff; border-color:#20a2d6;}



/*正在直播*/
.zx_zhibo{ padding:15px 0; border-bottom:1px solid #eee; margin-bottom:15px;}
.zx_zb_l{ float:left; width:100px; height:70px;}
.zx_zb_l img{width:100px; height:70px;}
.zx_zb_r{ float:left; width:170px; padding-left:15px;}
.zx_zb_name{ font-size:16px;}
.zx_zb_autor{ margin:3px 0; *margin:0; color:#888;}
.zx_zb_info span{ display:inline-block; margin:0 5px;}
.zx_zb_info .person{ width:22px; height:22px; background-position:0 -288px;}
.zx_zb_info .time{ width:22px; height:22px; background-position:0 -310px;}