.videoResp {
    position: relative;
    padding-bottom: 100%;
    height: 0;
}
.videoResp iframe,
.videoResp object,
.videoResp embed,
.videoResp video{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.video_product_mp4 a {
    position: relative;
}
.video_product_mp4 a svg {
    width: 32px;
    height: 32px;
    left: 50%;
    top: 50%;
    transform: translate3d(-16px, -16px, 0);
    position: absolute;
    pointer-events: none;
}
.woocommerce-product-gallery__image [data-type="video"] {
    position: absolute;
    z-index: 10;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
a[href*=".mp4"] img {
    display: none;
}
.mfp-video-wrapper {
    max-width: 600px;
    width: 100%;
    margin: 0 auto;
    position: relative;
}

.gallery-image-video-popup button.mfp-arrow.mfp-arrow-left.mfp-prevent-close:after,
.gallery-image-video-popup button.mfp-arrow.mfp-arrow-right.mfp-prevent-close:after
{
    content: "";
    display: inline-block;
    margin: 0;
    padding: 0;
    position: relative;
}

span.play-img {
    width: 20px;
    height: 20px;
    position: absolute;
    z-index: 2;
    background: url(images/play.svg) no-repeat center center;
    background-size: 20px 20px;
    bottom: 5px;
    right: 5px;
}
.video_product_mp4 span.play-img {
    right: 50%;
    bottom: 50%;
    margin-right: -20px;
    margin-bottom: -20px;
    width: 40px;
    height: 40px;
    background-size: 40px 40px;
}