.caption{width:100%;max-width:854px;margin:0 auto;padding:20px 0;}
.container{width:100%;max-width:554px;min-width:240px;background:#d0d0d0;margin:0 auto;}
.vid-container{position:relative;padding-bottom:52%;padding-top:20px;height:0;}
.vid-container iframe,
.vid-container object,
.vid-container embed{position:absolute;top:0;left:0;width:100%;height:100%;}
.vid-list-container{width:92%;overflow:hidden;margin-top:20px;margin-left:4%;padding-bottom:20px;}
.vid-list{width:1344px;position:relative;top:0;left:0;}
.vid-item{display:block;width:148px;height:148px;float:left;margin:0;padding:10px;}
.thumb{overflow:hidden;height:84px;}
.thumb img{width:100%;position:relative;top:-13px;}
.vid-item .desc{color:#0069ae;font-size:12pt;margin-top:5px;}
.vid-item:hover{box-shadow:inset 0px 1px 1px rgba(18,84,127,0.5), inset .4em 3em 3em rgba(18,84,127,0.5);cursor:pointer;transition:opacity .2s;min-height:100%;padding-bottom:.5em;}
.arrows{position:relative;width:100%;}
.arrow-left{color:#fff;position:absolute;background-color:rgb(0, 105, 174);text-shadow:4px 0px 15px rgb(1, 1, 1);font-size:25pt;padding:10px;padding-bottom:10%;padding-top:10%;left:-9px;top:-170px;z-index:400;cursor:pointer;}
.arrow-right{color:#fff;position:absolute;background-color:rgb(0, 105, 174);text-shadow:4px 0px 15px rgb(1, 1, 1);font-size:25pt;padding:10px;padding-bottom:10%;padding-top:10%;right:-3px;top:-170px;z-index:400;cursor:pointer;}
.arrow-left:hover{background:rgb(0, 105, 174);opacity:0.6;}
.arrow-right:hover{background:rgb(0, 105, 174);opacity:0.6;}
@media (max-width:624px){.caption{margin-top:40px;}
.vid-list-container{padding-bottom:20px;}
.arrows{position:relative;margin:0 auto;width:96px;}
.arrow-left{left:0;top:-17px;}
.arrow-right{right:0;top:-17px;}
}