.block-video-popup {
    position: relative;
    height: auto;
    min-height: 4rem;
}
.block-video-popup a {
    display: block;
    position: absolute;
    z-index: 3;
    left: 50%;
    top: 0;
    margin-left: -1.6875rem;
    width: 3.375rem;
    height: 3.375rem;
    cursor: pointer;
    background: url(../../../assets/images/player.png) no-repeat center;
    background-size: 100%;
    transition: all 0.5s;
    border-radius: 50%;
}
.block-video-popup a:hover{transform:rotate(360deg);}
.video-pop-wrap { display:none; position:fixed; left: 0; top: 0; width:100%; height:100%; z-index: 99999; background: rgba(0, 0, 0, 0.5);}
.video-pop{ display: block; width: 100%; max-width: 1000px; height: auto; margin: 12% auto; position: relative; }
.video-pop .close {
    position: absolute;
    z-index: 3;
    right: -1.2rem;
    top: -1.2rem;
    width: 2.4rem;
    height: 2.4rem;
    cursor: pointer;
    background: #04287e url(../../../assets/images/close.png) no-repeat center;
    background-size: 1rem;
    border-radius: 50%;
}
.home-about .block-video-popup{position:relative;}
.home-about .block-video-popup:before,
.home-about .block-video-popup:after{position:absolute;top:45%;width:calc(50% - 1.6875rem);height:1px;content:"";background:rgba(255,255,255,0.1);}
.home-about .block-video-popup:before{left:0;}
.home-about .block-video-popup:after{right:0;}
@media (max-width: 1360px) {
    .video-pop .video {
        width: 90% !important;
    }
    .video-pop{margin: 3% auto; }
}
@media (max-width: 640px) {
    .video-pop .video {
        width: 100% !important;
    }
    .video-pop{ width: 95%;margin: 20% auto; }
}