.video-lightbox {
    border: solid 5px transparent;
    box-sizing: border-box;
    display: none;
    font-size: 0;
    max-width: 100%;
}

.video-lightbox__close {
    display: block;
    background-color: transparent;
    width: 32px;
    height: 32px;
    position: absolute;
    top: -37px;
    right: -5px;
    cursor: pointer;
}

.video-lightbox__x {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 11px;
    height: 13px;
    margin: -5.5px 0 0 -6.5px;
    opacity: .8;
}

/* https://gist.github.com/jaicab/8799764 */
.video-lightbox__video {
    position: relative;
    padding-bottom: 56.25%; /*16:9*/
    /* padding-top: 30px; */
    height: 0; 
    overflow: hidden;
    width: 560px;
    max-width: 100%;
}

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