.youtube-wrapper a {
    display: inline-block; 
    position: relative;
}



/* Gets rid of the extra white space that follows an inline element*/
.youtube-wrapper img {
    vertical-align: bottom;
}

/* Creates the play arrow motif */
.youtube-wrapper .play {
    position:absolute;
    width:56px;
    height:56px;
    border:3px solid #fff;
    top:50%;
    right:50%;
    margin:-28px;
    border-radius:30px;
    box-shadow:1px 1px 2px rgba(0,0,0,.2);
}
.youtube-wrapper .play span {
    position:absolute;
    width:0;
    height:0;
    border-top:12px solid transparent;
    border-bottom:12px solid transparent;
    border-left:20px solid #fff;
    top:15px;
    left:18px;
}

.youtube-wrapper .overlay {
    width: 100%;
    height: 100%;
    position: absolute;
    display: block;
    top: 0;
    background-color: #000;
    opacity: 0.7;
}

.video {
   position: relative;
}
.video .table {
   display: table;
}
.video .table-row {
   display: table-row;
}
.video .info {
   position: absolute;
   top: 50%;
   right: 0;
   left: 0;
   margin-top: -46px;
}

.video .info .table {
   margin: auto;
   text-align: center;
   width: auto;   
}