.video {width: 100%; }
.vdobx {width: 100%;  height:100%; }
.vdobx embed {width: 100%; height:100%;}
.vdobx iframe {width: 100%; height:100%;}
.vdobx h3 { display:none;}

.ki_video_container{   display:-webkit-box;  /* iOS 6-, Safari 3.1-6 */
		  display:-webkit-flex; /* Chrome */
		  display:-moz-box;     /* Firefox 19 */
		  display:-ms-flexbox;   
		  display:flex;  /*flex容器*/
		  
		   -webkit-flex-direction: row-reverse;
		  -moz-flex-direction: row-reverse;
		  -ms-flex-direction: row-reverse;
		  -o-flex-direction: row-reverse; 
		flex-direction: row-reverse;
		
		box-pack:justify;
		-webkit-box-pack: justify;
		-moz-box-pack:justify;
		-ms-flex-pack:justify;
		justify-content:space-between; padding:0 160px; 
		
		box-align:center; 
		-webkit-box-align:center;
		-moz-box-align:center;
		-ms-flex-align:center;
		align-items:center; padding-bottom:120px;}
.ki_vlist{ width:19.53vw; height:34.63vw; overflow:hidden; position:relative; float:right;} 

.swiper-container {
        width: 100%;
        height:calc(100% - 100px);
		padding:50px 0;
        margin-left: auto;
        margin-right: auto;
		
    }
.swiper-container-vertical>.swiper-pagination{ display:none;}
.swiper-wrapper{ height:auto;}
 .swiper-slide {    }
.swiper-button-prev{top:0; margin-top:0; width: 100%;left: 0;height:  50px;background:  #eee url(../images/kiv_prev1.png) no-repeat center;  opacity:1;} 	
.swiper-button-next{top:auto;left: 0;background:  #eee url(../images/kiv_next.png) no-repeat center;bottom:0;width: 100%;margin:  0;height:  50px; }
.swiper-button-prev.swiper-button-disabled{ opacity:1; background: #eeeeee url(../images/kiv_prev1.png) no-repeat center;}
.swiper-button-next.swiper-button-disabled{ opacity:1; background: #EEEEEE url(../images/kiv_next.png) no-repeat center;}
.swiper-slide{ height:50% !important; margin-top:1.56vw;}

.swiper-slide.swiper-slide-prev{}
.swiper-slide.swiper-slide-active{}

.ki_vlist_detail {width:  100%;}
.ki_vpic { width:calc(100% - 2px);border:1px solid #eee; overflow:  hidden;height:10vw;}
.ki_vpic img { width:  100%;height:  100%;object-fit: cover;}
.ki_vtitle{ width:100%; text-align:center;}
.ki_vtitle span{display: -webkit-box;text-align:center;font-size:16px;color:#666666;line-height:1;padding-top:15px;-webkit-line-clamp: 1;overflow: hidden;text-overflow: ellipsis;-webkit-box-orient: vertical;}

.ki_vlist_detail.on .ki_vpic {  border:3px solid #008b47; box-sizing:border-box;}

.ki_play{margin-right:45px;width:61.45vw;height:34.63vw; overflow:hidden;}
.ki_play.wu{ height:40px;}
@media (min-width:721px){
.swiper-button-next:hover{background:  #008b47 url(../images/kiv_next1.png) no-repeat center; }
/*.swiper-button-prev.swiper-button-disabled:hover{ opacity:1; background: #eeeeee url(../images/kiv_prev1.png) no-repeat center;}
.swiper-button-next.swiper-button-disabled:hover{ opacity:1; background: #EEEEEE url(../images/kiv_next.png) no-repeat center;}*/

.swiper-button-prev:hover{background:  #008b47 url(../images/kiv_prev.png) no-repeat center;} 	

	}
@media (min-width:1024px){
	.ki_video_mob{ display:none;}
	}
@media (max-width:1366px){
	.swiper-button-prev{ height:36px;}
.swiper-button-next{height:36px;}
	.swiper-container { height:calc(100% - 72px); padding:36px 0;}
	.ki_vlist{height: calc(34.63vw - 28px);}
	.swiper-slide{ margin-top:0.8vw;}
	.ki_vtitle span{ font-size:14px; padding-top:10px;}
	
	}
@media(max-width:1024px){
	.ki_video_container{ display:none;}
	.ki_video_mob{display:-webkit-box;  /* iOS 6-, Safari 3.1-6 */
		  display:-webkit-flex; /* Chrome */
		  display:-moz-box;     /* Firefox 19 */
		  display:-ms-flexbox;   
		  display:flex;  /*flex容器*/
		  
		  box-pack:start;
		-webkit-box-pack: start;
		-moz-box-pack:start;
		-ms-flex-pack:start;
		justify-content:flex-start ; 
		
		box-align:center; 
		-webkit-box-align:center;
		-moz-box-align:center;
		-ms-flex-align:center;
		align-items:center;}
#video{width:100%; height:100%; margin:0 auto;  position:relative;}
.VideoList_b1>ul{width:100%; display:-webkit-box;  /* iOS 6-, Safari 3.1-6 */
		  display:-webkit-flex; /* Chrome */
		  display:-moz-box;     /* Firefox 19 */
		  display:-ms-flexbox;   
		  display:flex;  /*flex容器*/

box-align:center; 
		-webkit-box-align:center;
		-moz-box-align:center;
		-ms-flex-align:center;
align-items:  center;

box-pack:start;
		-webkit-box-pack: start;
		-moz-box-pack:start;
		-ms-flex-pack:start;
		
justify-content:  flex-start; -webkit-flex-wrap: wrap;
		  -moz-flex-wrap: wrap;
		  -ms-flex-wrap: wrap;
		  -o-flex-wrap: wrap;
		  flex-wrap: wrap;
}
.VideoList_b1 li{ width:50%; margin-bottom:20px;}
.VideoList_b1 li a{width:260px; height:172px; position:relative;  display:block; margin:5px 5px 10px; padding: 10px 10px 0; border: 1px solid #e1e1e1; background: #f7f7f7; }
.VideoList_b1 li a img{ display:block; height:calc(100% - 36px); margin:0 auto; transition:all 1s ease 0s;}
.VideoList_b1 li a p{ font-size:14px;color:#4f4f4f; text-align:center; line-height:36px;}
.VideoList_b1 li a em{ width:50px; height:50px; background:url(../images/vdo.png) no-repeat center center; background-size:100% auto; position:absolute; top:50%; left:50%; margin-top:-35px; margin-left:-25px;}
.VideoList_b1 li a:active{ background: #e62129;}
.VideoList_b1 li a:active p{ color:#ffff00; }	
	}
@media (max-width:720px){
	.ki_video_mob{ padding:0 4%; margin-bottom:11vw; min-height:120px;}
	.VideoList_b1 li a{width:calc(100% - 40px);  height:auto; margin:0 auto}
	.VideoList_b1 li a img{  width:100%; height:calc((45.5vw - 40px) / 1.7);}
	.VideoList_b1 li a em{width: 36px;height: 36px;background:url(../images/vdo.png) no-repeat center center;background-size:100% auto;position:absolute;top:50%;left:50%;margin-top: -25px;margin-left: -18px;}
	.VideoList_b1 li a p{line-height:28px;-webkit-line-clamp: 1;overflow: hidden;display: -webkit-box;text-overflow: ellipsis;-webkit-box-orient: vertical;}
	}	

@media screen and (max-width: 320px) { .ki_video_mob{ width:320px;} }
@media screen and (min-width: 721px) { 
.VideoList_b1 li a:hover img{ transform: scale(1.1);}
.VideoList_b1 li a:hover p{ color:#008b47;}
.ki_video_mob{ width:600px; margin:0 auto; margin-bottom:100px;}

}