@charset "utf-8";
/*
	2014-5-5
	图文直播详情页
 */
.logo_brand{ width:100%; max-height:260px;object-fit: cover;}
/*broadcast*/
.bro_l{background-color:#fff; margin-bottom:20px;border-bottom:1px solid #ddd;padding-top:14px;overflow:hidden;}
.bro_l dt{float:left; width:90px; height:90px;margin-left:20px;}
.bro_l dt img{border-radius:50%;}
.bro_l dd{float:left; height:110px;}
.bro_l dd.one p{width:100px;height:24px; color:#666;font-size:12px; line-height:24px; padding-left:20px;}
.bro_l dd.two{width:510px; float:left;}
.bro_l dd.two p{line-height:22px; color:#1f1f1f;}
.bro_l dd.two p{height:24px;line-height:24px;color:#999;}
.bro_l dd.three{height:48px;margin-left:130px;width:510px;}
.bro_l dd.three a{font-size:14px;border:1px solid #fe3a24;color:#fe3a24;padding:6px 12px;}
/*时间轴块*/
.tbox { margin-left:85px; padding-bottom:40px; border-left:#d5d5d5 6px solid; position:relative; margin-top:30px; display:block}
.tbox .note{ line-height:34px;}
/*.timebox { border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; margin-top: -36px; background: url(images/timelinebg.gif) repeat-y 90px 0; }*/
.timebox {}
.timebox dl { margin-top: 30px; float: left;margin-left:-18px }
.timebox dl dt ,.toverbox dt { width:78px; height: 45px; padding-left: 14px; text-align: center;position: absolute; left:-108px;}
.timebox .time { font-size: 18px; font-weight: bold; color: #ff0000; line-height: 18px; margin-bottom: 10px; }
.timebox .date { color: #646464; font-size:12px }
.timebox dl dd { margin-left: 8px; padding-left: 24px; background: url(images/timelinedom.png) no-repeat; }
.toverbox {margin-top:-30px; margin-left:20px }
.toverbox dd .clock{ width:33px; height:31px;background: url(images/clock.png) no-repeat center;background-size: cover; position: absolute; left: -60px; top:-36px; z-index:4} 
.subbox {margin-left:20px;  padding: 5px; box-shadow: 0px 1px 3px #787878; position:relative ; width:500px}
.toverbox .subbox {background: #ffeab5; }
.subbox .point2 { width: 18px; height: 20px; background: url(images/timelinebox.png) no-repeat; display: block;  z-index:3; position: absolute; left:-18px; top:-1px; }
.subbox .point1 { width: 18px; height: 18px; background: url(images/timelinesubbox.png) no-repeat; display: block; z-index:3; position: absolute; left:-18px; top:-1px; }
.subbox img{ max-width:100%;object-fit: cover;}

.tbox .over { width: 10px; height: 10px; display: block; background: url(images/timelineover.png) no-repeat; float: left; margin:14px 10px; }

/*加载更多*/
.loadmore { width: 140px; height: 36px; background: #ffc80e; font-size: 16px; color: #ffffff; border: 1px solid #ff9c00; display: block; line-height: 36px; text-align: center; border-radius: 5px; margin: 10px auto; }
.loadmore:hover { background: #ff9d00; color: #ffffff; }
/*往期直播*/
.prev { width: 975px; margin-bottom: 30px; }
.prevtit { height: 56px; font-size: 24px; line-height: 56px; color: #323232; }
.prevbox { width: 308px; position: relative; margin-right: 15px; float: left; }
.prevbox dt { width: 308px; border: 1px solid #323232; }
.prevbox dd { position: absolute; left: 0; bottom: 0; line-height: 40px; background: #000; opacity: 0.8; }
.prevbox dd a { width: 310px; height: 40px; color: #FFF; overflow: hidden; text-align: center; display: block; }
.clear { clear: both; }

/*
	2014-5-5
	图文直播列表页
*/
.logo{ width:100%; height:70px; line-height:70px; border-bottom:3px solid #969696; margin:20px 0 0 0;}
.logo a{ width:251px; height:70px; background:url(images/logo.png) no-repeat left center; display:block; float:left;}
.itemlist{ width:978px; padding-bottom:20px;}
.itemlist li{ width:269px; padding:18px; margin:20px 18px 0 0; border:1px solid #abaaaa; float:left; background:#FFFFFF;}
.itemlist li .tit{ font-size:16px; color:#434343; margin-bottom:30px;height:42px;}
.itemlist li .txt{ width:269px; height:54px; line-height:18px; margin:10px 0; color:#434343; overflow:hidden;}
.itembot span{ height:18px; display:inline-block;line-height:18px;}
.itemlist .share,.itemlist .state{ width:18px; height:18px; display:block; margin-right:6px; float:left;}
.itemlist .share{ background:url(images/list-ico.png) no-repeat; cursor:pointer;}
.itemlist .state{ background:url(images/list-ico.png) no-repeat -18px 0; margin-right:2px;}
.sharebox .bdshare-button-style0-16 a, .bdshare-button-style0-16 .bds_more{margin: 1px 6px 0 0;}
.footer{ border-top:1px solid #666;}



/*
    2014-5-23 add
    添加评论模块
*/
.ping-box{ padding:20px 19px 0 19px;}
.pingall a{ font-size:14px; font-weight:bold; height:31px; line-height:31px; color:#1160a7; display:block;}
.pingtit{ font-size:18px; margin-right:20px;}
.pinglogin a{ line-height:18px; font-weight:bold; color:#1160a7;}
.ping-box .sub-bt{ width:75px; height:24px; color:#FFF; background:#4b87d7; display:block; border-radius:3px; line-height:24px; text-align:center;}
.ping-box .sub-bt:hover{ background:#69a1ec;}
.ping-box textarea{ width:255px; height:95px; resize:none; margin:8px 0; line-height:18px;}
.pinglun{ padding:23px 20px; border-bottom:1px solid #c8c8c8;}
.pinglun dt{ height:26px; font-size:12px; color:#797979; line-height:26px; margin-bottom:10px;}
.pinglun dt img{ float:left; margin-right:10px;}
.pinglun dd{ font-size:14px; color:#313131; font-weight:bold; line-height:18px; padding:0 4px;}
.pingmore{ width:243px; height:40px; background:#aaaaaa; color:#FFF; line-height:40px; text-align:center; border-radius:4px; display:block; margin:30px auto;
cursor:pointer;}
.pingmore:hover{ background:#b4b4b4; color:#fff;}

/*
    2014-5-23 add end
*/



/*
    2014-7-29 add
    显示自动刷新
*/
.timeOut{float:right; margin-right:30px;text-indent:0; width:30px; text-align:center; position:relative; z-index:99;}
.timeOutBox{display:block; cursor:pointer; width:28px; height:28px; font-size:14px; text-shadow:none; color:#999; line-height:28px; margin-top:6px; border:1px solid #ccc; background:#f5f5f5;border-radius:6px;}
.timeList{background:#f5f5f5; border-radius:0 0 6px 6px; overflow:hidden; display:none;  width:28px; position:absolute; z-index:999; top:32px; left:0px;border:1px solid #ccc; border-top:0;}
.timeList li{font-size:14px; cursor:pointer; overflow:hidden; width:28px; text-align:center; color:#999; line-height:32px; text-shadow:none; }
.timeList li:hover{color:#ff9b00;}
.dialogbox{display:none;background:rgba(0,0,0,0.3); filter:alpha(opacity=30);filter: progid:DXImageTransform.Microsoft.Alpha(opacity=30); position: fixed; top: 0; left: 0; z-index:999;_position:absolute; }
.imagesBox{display:none; border:5px #fff solid; position:absolute; z-index:9999; top:50%; left:50%;}
.subbox img{cursor:pointer;}
.ib1 span{position:absolute; right:0;top:0; z-index:9999; display:block; backface-visibility:#fff; padding:0 0 5px 5px; font-size:14px; color:#666; cursor:pointer;}
/*
    2014-7-29 add end
*/
/*--loading*/
.lay-wrap {
	animation:lay-fadeIn 5s infinite
}
@keyframes lay-load {
	from {
	-webkit-transform:scale(.8);
	-moz-transform:scale(.8);
	-ms-transform:scale(.8);
	-o-transform:scale(.8);
	transform:scale(.8)
}
to {
	-webkit-transform:1;
	-moz-transform:1;
	-ms-transform:1;
	-o-transform:1;
	transform:1
}
}

.lay-load-main {
	position:fixed;
	left:0;
	top:0;
	right:0;
	bottom:0;
	display:flex;
	z-index:13400;
	-webkit-pointer-events:none;
	-moz-pointer-events:none;
	-ms-pointer-events:none;
	-o-pointer-events:none;
	pointer-events:none
}
.lay-load-main .lay-load-body {
	position:relative;
	z-index:1;
	display:flex;
	flex-direction:column;
	width:auto;
	max-height:calc(100vh - 24px * 2);
	margin:auto;
	outline:0;
	box-shadow:0 5px 20px rgba(26,26,26,.1);
	transition:.6s all;
	background-color:rgba(0,0,0,.7);
	max-width:80%;
	z-index:13400;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
	min-width:68px
}
.lay-load-main .lay-load {
	padding:.5rem 1.2rem;
	text-align:center
}
.lay-load-main .lay-load i {
	color:#fff;
	animation:lay-load 2s infinite;
	font-size:1.5rem
}
@keyframes lay-load {
	from {
	transform:rotate(0)
}
to {
	transform:rotate(360deg)
}
}

@media (max-width:800px){
.logo_brand{min-height:120px;}
.tbox {
margin-left:14px;
padding-bottom: 40px;
border-left: #d5d5d5 3px solid;}
.timebox .time { font-size: 14px;}
.timebox dl dt, .toverbox dt{ left:-8px; width:auto}
.timebox dl dt p, .toverbox dt p{ display:inline}
.timebox dl dd {
 margin-left: 10px; margin-top:30px; padding-left:14px;}
.subbox {
    box-shadow: 0px 1px 2px #787878;
    width:90%;
}
.bro_l dd.one{ display:none}
.bro_l dd.two{ font-size:12px; padding-left:10px; width:240px}
.bro_l .p1{ font-size:14px; font-weight:bold}
.bro_l dd.two p{ height:auto; line-height:20px}
 }