ul.post-preview-video { margin-left:-5px }

li.previewVideo { float:left; width:16.6%; }
li.previewVideo div.wrapper { margin:0 0 5px 5px; background:#fff; padding:5px; box-shadow:0 1px 5px rgba(0,0,0,0.1); border-radius:5px  }
li.previewVideo a { text-decoration:none }
li.previewVideo figure { position:relative }
li.previewVideo div.thumb { overflow:hidden; position:relative; background:#000; line-height:0; border-radius:5px }
li.previewVideo div.thumb-image { opacity:1; background-repeat:no-repeat; background-size:cover; position:absolute; width:100%; height:100%   }
li.previewVideo div.thumb img.space { width:100%; height:auto }
li.previewVideo div.thumb-image:after { display:none; opacity:1; box-shadow:0 0 100px 50px rgba(0,0,0,0.8); content:''; left:0; bottom:0; width:100%; height:1px; position:absolute; }

li.previewVideo a.area:before {  transition:0.25s; opacity:0.9; color:#fff; content:'\f144'; font-size:4em; top:50%; left:50%; margin:-0.2em 0 0 -0.4em; position:absolute; font-family:'FontAwesome' }
li.previewVideo:hover a.area:before { transform:scale(1.4); opacity:0.3 }

li.previewVideo a.area { z-index:1; top:0; left:0; width:100%; height:100%; position:absolute; }
li.previewVideo figcaption { display:none; z-index:1; left:0; bottom:0; opacity:1; border-radius:0 0 5px 5px; width:100%; height:5em; position:absolute;  }
li.previewVideo h3 { transition:0.25s; font-size:1em!important; font-weight:400!important;  color:#fff; text-align:center; padding:0.8em 25px 0 25px; margin:0 auto;  }
li.previewVideo h3 a { color:#fff; display:block;  }
li.previewVideo h3 a:before { display:none; content:'\f144'; margin:0 0.5em 0 0; font-family:'FontAwesome' }
/*li.previewVideo div.thumb a:before {  transition:0.25s; opacity:0.9; color:#fff; content:'\f144'; font-size:3em; top:2rem; left:1rem; position:absolute; font-family:'FontAwesome' }*/
li.previewVideo div.thumb a:before {  transition:0.25s; opacity:0.4; color:#fff; content:'\f144'; font-size:4em; top:50%; left:50%; margin:-0.2em 0 0 -0.4em; position:absolute; font-family:'FontAwesome' }

li.previewVideo figure:hover div.thumb a:before { transform:scale(1.4); opacity:0.3 }
/*li.previewVideo figure:hover figcaption h3 { transform:translateY(5px) }*/


@media screen and (max-width:800px)
{
   li.previewVideo { width:50% }       
}

@media screen and (max-width:500px)
{
   li.previewVideo { width:100% }      
}