.overlay {
        width: 100%;
        background: rgba(0,0,0,.75);
        position: fixed;
        left: 0;
        top: 0;
        bottom: 0;
        right: 0;
        z-index: 99999;
    }

    .videoBox {
        position: fixed;
        width: 50%;
        left: 50%;
        top:50%;
        transform: translateY(-50%) translateX(-50%);
        padding: 0;
        background: #222;
        text-align: center;
        border-radius: 0;
        z-index: 99999999;
    }

    .videoBox img {
        width: 100%;
    }

    .close {
        width: 36px;
        height: 36px;
        position: absolute;
        top: 0px;
        right: -36px;
        display: block;
        background: transparent url(../../img/close.png) no-repeat center center;
        opacity: 1;
    }

    .close:hover {
        opacity: 1;
    }

    @media (min-width: 767px) {
        .videoBox {
            width: 36%;
        }
    }