@charset "utf-8";
/* 
* Author: Lin xiao dong
* http://www.openwbs.com
*/
body{ background-color:#fff; }
.ow-video-list{ background:#fff; padding:0.20rem 0; padding-bottom:0.25rem;}
.ow-video-list ul{ box-sizing:border-box; margin:0; padding:0 0.20rem; }
.ow-video-list ul li{ box-sizing:border-box; border:0; border-radius:0.05rem; overflow:hidden; list-style:none; margin:0; padding:0; margin-bottom:0.25rem; height:2.08rem; width:100%; position:relative;}
.ow-video-list ul li::before{ content:""; position:absolute; width:100%; height:50%; left:0; bottom:0; background:linear-gradient(transparent, #111),linear-gradient(transparent, #111); opacity:0.7; z-index:1;}
.ow-video-list ul li:last-child{ margin-bottom:0;}
.ow-video-list ul li .thumb{ height:100%; width:100%; position:relative; overflow:hidden;}
.ow-video-list ul li .thumb img{ height:100%; width:100%;}
.ow-video-list ul li:hover .thumb img{ transform:scale(1.10,1.10); transition-duration:500ms; transition-timing-function:ease-out;}
.ow-video-list ul li .thumb a i.play{ background-image:url("../images/iconplay.png"); background-position:0 0; background-size:60px; display:inline-block; height:60px; width:60px; position:absolute; top:0.10rem; left:0.10rem;}
.ow-video-list ul li:hover .thumb a i.play{ background-position:0 60px;}
.ow-video-list ul li .info{ padding:0 0.25rem 20px 0.25rem; position:absolute; bottom:0; left:0; z-index:1; }
.ow-video-list ul li .info h4{ font-size:18px; line-height:160%; margin:0; padding:0 0 0.05rem 0; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;}
.ow-video-list ul li .info h4 a,
.ow-video-list ul li .info h4 a:visited{ color:#fff;}
.ow-video-list ul li .info h4 a:hover { color:#fff;}
.ow-video-list ul li .info h4 a{ position:relative; z-index:1;}
.ow-video-list ul li .info h4 a::before { content:""; position:absolute; width:0%; height:100%; left:0; top:1px; border-bottom:1px solid #fff; transition:0.5s; z-index:-1;}
.ow-video-list ul li .info h4 a:hover::before { width:100%;}
.ow-video-list ul li .datetime{ color:#fff;  position:relative;}
.ow-video-list .pager{ padding:0.50rem 0; text-align:center;}

@media (min-width:750px) {
	.ow-video-list ul{ padding:1% 2%}
	.ow-video-list ul li{ float:left; height:1.68rem; margin:0 2%; margin-bottom:0.25rem; width:46%; }
	.ow-video-list ul li .thumb{}
	.ow-video-list ul li .info h3{ font-size:0.16rem; }
}

/**详细**/
.ow-editor-content-text{ padding:0.10rem 0 0.15rem 0; }

/*相关内容*/
.ow-related-content{ padding:0.15rem;}
.ow-related-content .hd{ font-size:0.20rem; font-weight:bold; padding:0.10rem 0 0.05rem 0.16rem; position:relative;}
.ow-related-content .hd::before { content:''; border-left:0.06rem solid #0067ed; height:0.24rem; line-height:0.24rem; position:absolute; left:0;}
.ow-related-content ul{ margin:0; padding:0; }
.ow-related-content ul li{ box-sizing:border-box; border-bottom:1px dashed #ccc; display:block; list-style:none; margin:0; padding:0.12rem 0;}
.ow-related-content ul li a{ display:block; font-size:0.16rem; height:0.24rem; line-height:0.24rem; padding-left:0.10rem; position:relative; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.ow-related-content ul li a::before { content:''; width:0.04rem; height:0.04rem; background:#333; border-radius:50%; position:absolute; left:0; top:50%; margin-top:-0.02rem;}
.ow-related-content ul li a:hover { color:#0067ed; }



