@charset "utf-8";
/* CSS Document */

div.videos {
    display:flex;
    flex-wrap:wrap;
    justify-content: space-between;
}

div.videos div.over { position:absolute; left:0px; top:0px; width:100%; height:100%; background:#000; opacity:0; transition:opacity .3s; border-radius:15px; }
div.videos > div { width:47%; max-width:480px; margin:0 auto; margin-bottom: 20px; }
div.videos > div img { border-radius:15px; }

div.videos > div span.title {
    left:0px;
    bottom: 0px;
    width: 100%;
    padding: 10px;
    text-align: center;
    text-transform: uppercase;
    font-size:12px;
    display: block;
    text-align: center;
    line-height: normal;
    font-weight: 600;
  }
div.videos a::after {
    position: absolute;
    content: '';
    width: 40px;
    height: 40px;
    background: url(../images/play_small.png) no-repeat;
    top: 50%;
    left: 50%;
    margin-top: -20px;
    margin-left: -20px;
    opacity: .4;
    transition: all .3s;
    z-index: 2;
}
div.videos a:hover::after {
   opacity:1;
}
div.videos a:hover div.over {
    opacity:.7;
}

a.video_preview { width:100%; display:block; }
a.video_preview img { width:100%; max-width:100%; vertical-align:middle; }