@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:#2993df; border-color:#2993df; 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{}
.ow-video .section{ padding:20px 0px 0px 2px; zoom:1; overflow:auto;}
.ow-video .section .pager{ margin:30px 0px; padding:50px 0px; text-align:center;}

ul.ow-video-list{}
ul.ow-video-list li{ background-color:#fff; color:#999; float:left; height:348px; margin-bottom:30px; margin-right:25px; padding:0px 0px; position:relative; width:280px; -webkit-box-shadow:0px 0px 2px 1px rgba(0,0,0,0.1); -moz-box-shadow:0px 0px 2px 1px rgba(0,0,0,0.1); box-shadow:0px 0px 2px 1px rgba(0,0,0,0.1);}
ul.ow-video-list li.li-4,
ul.ow-video-list li.li-8,
ul.ow-video-list li.li-12,
ul.ow-video-list li.li-16,
ul.ow-video-list li.li-20{ margin-right:0px;}
ul.ow-video-list li .thumb a{ display:inline-block; height:174px; width:280px; text-align:center; position:relative;}
ul.ow-video-list li .thumb a img{ height:174px; width:280px;}
ul.ow-video-list li .thumb a:hover{ }
ul.ow-video-list li .thumb a i.iconplay{ background-image:url("../images/iconplay.png"); background-position:0px 0px; display:inline-block; height:64px; width:64px; position:absolute; top:51px; left:110px;}
ul.ow-video-list li .thumb a:hover i.iconplay{ background-position:0px 64px;}
ul.ow-video-list li .title{ font-size:16px; font-weight:normal; max-height:84px; line-height:28px; overflow:hidden; padding:10px 12px 0px 12px;}
ul.ow-video-list li .title a,
ul.ow-video-list li .title a:visited{ color:#222;}
ul.ow-video-list li .summary{ font-size:12px; max-height:48px; line-height:24px; margin:5px 0px 0px 0px; overflow:hidden; padding:0px 12px;}
ul.ow-video-list li .datetime{ color:#888; margin-top:3px; padding:0px 12px;}

/**内容详细**/
.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;}


.gallery-video{ width:610px;}
.gallery-video .gallery-view { height:320px; width:320px;}
.gallery-video .gallery-view span.cloudzoom_wrap{ display:inline-block; height:320px; width:320px; text-align:center;}
.gallery-video .gallery-view a { height:320px; width:320px; display:block; text-align:center; position:absolute; overflow:hidden;}
.gallery-video .gallery-view img { max-height:320px; max-width:320px; height:expression(this.height > 320 && this.height/this.width >= 1 ? 320 : true); width:expression(this.width > 320 && this.width/this.height >= 1 ? 320 : true);}
.gallery-video .gallery-view .mousetrap{ position:absolute; max-height:320px; max-width:320px; right:0px;}
.gallery-video .gallery-view .cloud-zoom-big { border:1px solid #aaa; height:320px; width:320px; left:321px; top:-1px;}
.gallery-video .gallery-view .cloud-zoom-lens{ background:#fff;}


.gallery-video .gallery-list{ height:94px; width:613px;}
.gallery-video .gallery-list li{ margin:0px 10px 2px 0px; height:50px; width:50px;}
.gallery-video .gallery-list li img{ max-height:50px; max-width:50px; height:expression(this.height > 50 && this.height/this.width >= 1 ? 50 : true); width:expression(this.width > 50 && this.width/this.height >= 1 ? 50 : true);}
.gallery-video .gallery-list li.current{ height:50px; width:50px; margin:0px 8px 2px 0px;}
.gallery-video .gallery-list a.turner{ top:30px;}
.gallery-video .gallery-list a.next{ right:10px;}

/*相关内容*/
.ow-related-video{ border-top:1px solid #ddd; padding:10px 0px 20px 0px;}
.ow-related-video .header{ font-size:16px; font-weight:normal;}
.ow-related-video ul{ padding:10px 0px;}