﻿@charset "utf-8";
/* 
* Author: Lin xiao dong
* http://www.openwbs.com
*/

body{ background-color:#f4f4f4; }

.ow-video-cates { background-color:#fff;}
.ow-video-cates ul{}
.ow-video-cates ul li.n1{ display:inline-block; float:left; height:50px; line-height:50px; position:relative;}
.ow-video-cates ul li.n1 a{ display:block; font-size:16px; height:50px; line-height:50px; padding:0px 15px;}
.ow-video-cates ul li.n1 a:hover{ background-color:#eee; text-decoration:none;}
.ow-video-cates ul li.n1.current a.n1{ background-color:#008cba; border-color:#008cba; color:#fff; text-decoration:none;}
.ow-video-cates ul li.n1 .caret{ margin-left:8px;}
.ow-video-cates ul li.n1 .subcates{
	background:#fff; display:none; position:absolute; top:50px; left:0px; width:200px;
	-webkit-box-shadow:rgba(0,0,0,0.5) 0px 2px 5px; -moz-box-shadow:rgba(0,0,0,0.5) 0px 2px 5px; box-shadow:rgba(0,0,0,0.5) 0px 2px 5px; z-index:100;
}
.ow-video-cates ul li.n1 .subcates ul{ padding:10px 0px; zoom:1; overflow:auto; }
.ow-video-cates ul li.n1 .subcates ul li{ display:block;}
.ow-video-cates ul li.n1 .subcates ul li a{ display:block; float:none; height:44px; line-height:44px; }

.ow-video-cates h1.title{ font-family:幼圆; font-size:32px; font-weight:normal; margin:0px 0px; text-align:center;}


/**视频新闻**/
.ow-video-list{ }
.ow-video-list ul{ box-sizing:border-box;}
.ow-video-list ul li{ box-sizing:border-box; border:0; float:left; margin-right:25px; margin-bottom:25px; height:230px; width:383.333333333px; position:relative;}
.ow-video-list ul li::before{ content:""; position:absolute; width:100%; height:50%; left:0; bottom:0px; background:linear-gradient(transparent, #111),linear-gradient(transparent, #111); opacity:0.7; z-index:1;}
.ow-video-list ul li.li3,
.ow-video-list ul li.li6,
.ow-video-list ul li.li9,
.ow-video-list ul li.li12,
.ow-video-list ul li.li15,
.ow-video-list ul li.li18,
.ow-video-list ul li.li21,
.ow-video-list ul li.li24,
.ow-video-list ul li.li27,
.ow-video-list ul li.li30{ margin-right: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:0px 0px; background-size:60px; display:inline-block; height:60px; width:60px; position:absolute; top:10px; left:10px;}
.ow-video-list ul li:hover .thumb a i.play{ background-position:0px 60px;}
.ow-video-list ul li .info{ padding:0px 25px 20px 25px; position:absolute; bottom:0; left:0; z-index:1; }
.ow-video-list ul li .info h4{ font-size:18px; line-height:160%; padding:0px 0px 5px 0px; 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; position:relative;}
.ow-video-list ul li .info h4 a:hover  { color:#fff;}
.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:50px 0px; text-align:center;}
@media (min-width:1500px) {
	.ow-video-list .bd,
	.ow-video-list ul{ height:282px; }
	.ow-video-list ul li{ height:282px; width:469.583333px; margin-right:30px; }
}


/**内容详细**/
.video-content{ }
.video-content h1.title{ font-size:24px; font-weight:normal; margin:0px 0px 0px 0px; padding:0px 0px 5px 0px; }
.video-content .byline{ color:#aaa; line-height:12px; font-size:12px; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px;}
.video-content .byline span{ border-right:1px solid #bbb; display:inline-block; height:12px; line-height:12px; margin:0px 8px 0px 0px; padding:0px 8px 0px 0px;}
.video-content .byline span.views{ border-right:none; }
.video-content .byline a,
.video-content .byline a:visited { color:#aaa;}
.video-content .byline a:hover{ color:#333; text-decoration:none;}
.video-content .video-play-section{ padding:15px 0px;}
.video-content .content{ font-size:16px; line-height:200%; margin:0px 0px 0px 0px; padding:20px 0px 20px 0px; word-break:break-all; word-wrap:break-word;}
.video-content .content img{}
.video-content .tags { font-size:14px; padding:5px 0px;}
.video-content .tags a{ margin:0px 5px 0px 0px;}
.video-content .pager { margin:0px 0px 0px 0px; padding:30px 0px 30px 0px; text-align:center;}
.video-content .prev-next{ border-top:1px dotted #ddd; font-size:14px; margin:20px 0px 10px 0px; padding:10px 0px;}
.video-content .prev-next .prev{ height:24px; padding:4px 0px;}
.video-content .prev-next .next{ height:24px; padding:4px 0px;}

/*相关内容*/
.ow-related-video{ border-top:1px solid #ddd; padding:10px 0px 20px 0px;}
.ow-related-video .hd{ font-size:16px; font-weight:normal; padding:5px 0px 15px 0;}



