﻿.kche-item-img img{width:auto!important;display:block;margin:0 auto;border:1px solid #eee;box-sizing:border-box;position:absolute;top:50%;left:50%;background:red;transform:translateX(-50%) translateY(-50%)}
.share-modify{position:fixed;left:0;top:0;width:100%;height:100vh;background:rgba(0,0,0,.9);z-index:9999}
.share-modify-guan em:first-child{top:17px;transform:rotate(45deg)}
.share-modify-guan em{width:20px;height:3px;background-color:#fff;border-radius:3px;position:absolute}
.share-modify-guan em:last-child{bottom:20px;transform:rotate(-45deg)}
.share-modify .share-modify-video{width:100%;height:100%;display:flex;align-items:center;justify-content:center;transition:all .2s linear}
.share-modify-guan{position:absolute;top:50px;right:50px;cursor:pointer;display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;background-color:#f07f00;transition:all .1s linear;z-index:99999}
/*.kche-t39 .kche-item-img img:hover {transform: scale(2);}*/
.share-modify-guan iframe{width:100%;max-width:1200px}
.share-modify .share-modify-video iframe{width: 1200px;height: 500px;}
.kche-flex-item4{position: relative;}



.video-list{display: flex;flex-wrap: wrap;margin:3% 0;}
.video-list .video-item{position: relative;width:23.5%;margin-right:2%;cursor: pointer;margin-top:10px;margin-bottom:10px;}
.video-list .video-item:nth-child(4n){margin-right:0;}
.video-list .video-item .img-box{position:relative;}
.video-list .video-item img{width:100%;display: block;}
.video-list .video-item .bofang-icon{position:absolute;top:50%;left:50%;transform: translate(-50%,-50%);width:50px;height:50px;border-radius:50%;background: #fff;text-align: center;line-height:50px;}
.video-list .video-item .bofang-icon em{color:#000;font-size:22px;transform: translateX(2px);display: block;}
.video-list .video-item .video-tit{text-align:center;font-size:17px;margin:7px 0;}
.video-list .video-item .iframe-box{position: fixed;left: 0px;top: 0px;width: 100vw;height: 100vh;background: rgba(0, 0, 0, .8);z-index: 9999999;display:none;padding:20px;}
.video-list .video-item .iframe-box .close{color: #FFF;transition: all .1s linear;font-size: 40px;cursor: pointer;position:absolute;right:60px;top:50px;line-height:1;}
.video-list .video-item .iframe-box .iframe-inner{position: absolute;left:50%;top:50%;transform: translate(-50%,-50%);width:100%;max-width:1000px;}
.video-list .video-item .iframe-box .iframe-inner .container{position: relative;width:100%;height:0;padding-bottom: 56.25%;}
.video-list .video-item .iframe-box .iframe-inner .container iframe{position:absolute;top:0;left: 0;width:100%;height:100%;min-height:inherit}
@media (max-width:1440px){.video-list .video-item .iframe-box .iframe-inner{max-width:800px;}}
@media (max-width:768px){.video-list .video-item .iframe-box .iframe-inner{max-width:85%;}}
.video-list-box .video-more{text-align:center}
.video-list-box .video-more a{display:inline-block;justify-content:center;margin-bottom:3%;padding:8px 30px;border-radius: 5px;background: var(--color);color:#fff;font-weight: var(-fontbold7);transition: all .3s;}
.video-list-box .video-more a:hover{box-shadow: 0px 0px 6px 3px var(--color);}
@media (max-width:1024px){.video-list{justify-content: space-between;}
.video-list .video-item{margin-right:0;width:48%;}}
@media (max-width:550px){.video-list .video-item{width:100%;margin:5px 0;}}