@media screen and (min-width: 767px) {
    .video-src iframe{width:690px !important;height:400px;}
    .video-src video{width:690px;height:400px;}
    .video-div{width:90%;margin:auto;}
    .video-box{position: relative;overflow: hidden;}
    .video-image{width:100%; transition: all 0.6s;}

    .video-play{width:60px;height:60px;line-height: 60px; position:absolute;left:50%;margin-left:-24px;top:50%;margin-top:-24px;z-index:999;
        border-radius: 50%; border:3px solid #fff;text-align: center;}
    .video-play>i{font-size:40px;margin:auto;color:#fff;}

    .video-box:hover .video-image{transform: scale(1.2);}
    .video-box:hover .video-play{border-color:#2a86c1;}
    .video-box:hover .video-play>i{color:#2a86c1;}

    .video-show-src iframe{width:100% !important;}
    .video-show-src video{width:100%;}
    .video-content{line-height: 1.5em;margin-top:20px;}
}

@media screen and (max-width: 767px) {
    .video-src iframe{width:100% !important;}
    .video-src video{width:100%;}

    .video-div{width:98%;margin:auto;}
    .video-box{position: relative;overflow: hidden;}
    .video-image{width:100%; transition: all 0.6s;}

    .video-play{width:30px;height:30px;line-height: 30px; position:absolute;left:50%;margin-left:-12px;top:50%;margin-top:-12px;z-index:999;
        border-radius: 50%; border:2px solid #fff;text-align: center;}
    .video-play>i{font-size:24px;margin:auto;color:#fff;}

    .video-box:hover .video-image{transform: scale(1.2);}
    .video-box:hover .video-play{border-color:#2a86c1;}
    .video-box:hover .video-play>i{color:#2a86c1;}

    .video-show-src iframe{width:100% !important;height:auto !important;}
    .video-show-src video{width:100%;}
    .video-content{line-height: 1.5em;margin-top:20px;}
}