@charset "UTF-8";

/* layout */
body{font-size:16px;}
h2{margin-top: -5px;margin-bottom:20px;font-size:24px;font-size:1.5rem;}
.row::after{content:"";clear:both;display: block;}
.col-68,.col-32{float: left;}
.col-68{width:68%;}
.col-32{width:32%;}

/* 左侧视频容器 */
.video-img{height:520px;background-color: #1a1a1a;}
.video-img img{width:775px;height: 520px;}
/*.video-box{position: relative;} 
.video-box .butn{position: absolute;width:15px;height: 70px;background-image: url(../images/public_video/5414321.jpg);background-position:right; background-repeat: no-repeat;top:50%;margin-top: -35px;right:-15px;z-index: 88;cursor: pointer;}
.video-box .butn:hover{opacity:0.8;} */

/* 右侧视频列表video-list */
.video-list{background-color: #2d2d2d;color: #ffffff;height:520px;overflow: hidden; font-size: 16px;position: relative;}
.video-list h4{background-color: #424242;line-height:36px;height: 36px;border-bottom: 1px solid #4d4d4d;padding: 0 6%;}
.video-list ul{padding:16px 22px 6px 22px;}
.video-list ul li{display: block; padding:10px 16px;background-color: #383838;line-height:29px;margin-bottom: 10px;cursor: pointer;}
.video-list ul li.active,.video-list ul li.active:hover{background-color: #575656;}
.video-list ul li:hover{background-color: #424242;}
.pagination-list a{color:#fff; display:block;}
.text-muted{color: #9f9f9f}

/*-------分页---------*/
.page_num{text-align: right;padding:0 5px;font-size:12px;position: absolute;bottom:5px;right:5px;}
.page_num .pagination_index{display: inline-block;}
.page_num .pagination_index a{display: inline-block;width:22px;height:24px;line-height:22px;color: #b5b5b5;background-color: #383838;text-align: center;cursor: pointer;}
.page_num .pagination_index a:hover{background-color: #4d4d4d;}
.page_num .page_loca a,.page_num .page_loca a:hover{background-color: #191919;color: #fff;}

/*-------分页---------*/
#page_navigation{text-align: right;padding:0 5px;font-size:12px;position: absolute;bottom:5px;right:5px;}
#page_navigation a.previous_link{display: inline-block;}
#page_navigation a{display: inline-block;width:22px;height:24px;line-height:22px;color: #b5b5b5;background-color: #383838;text-align: center;cursor: pointer;}
#page_navigation a:hover{background-color: #4d4d4d;}
#page_navigation .active_page,#page_navigation .active_page a:hover{background-color: #191919;color: #fff;}



@media screen and (max-width:991px){
  .mobile-100{width:100%;}
  .mobile-none{display: none;}

	video{width: 100%;}
	.pd30{padding: 15px;}
.video-img img.img-responsive{width:100%;height:auto;}
.video-img,.video-list{height:auto;}
.video-list ul{padding-bottom:2.6rem;padding-left:4%;padding-right:4%;}
.video-list ul li{font-size: 14px;line-height:20px}
.page_num{padding-bottom:.5rem;}


}