@charset "utf-8";

/* CSS Document */



figure {

  display: block;

  position: relative;

  float: left;

  overflow: hidden;



 

}

#videogallery  figure{-webkit-margin-start:0px !important ;-webkit-margin-end:0px !important ; width:100% !important; margin:0 !important}



figcaption {

  position: absolute;

  background: #fff;

  background: rgba(255,255,255,0.7);

  color: #000;

  

  line-height:12em;

 /* padding: 10px 20px;*/

 width:100%; height:100%;

    font-family: 'web_serveroffregular'; font-size:35px;

  opacity: 0;

  -webkit-transition: all 0.6s ease;

  -moz-transition:    all 0.6s ease;

  -o-transition:      all 0.6s ease;

}





figure:hover figcaption {

  opacity: 1;

}



figure:before {

  content: ">";

  position: absolute;

 display:none;

  font-weight: 800;

  background: black;

  background: rgba(255,255,255,0.6);



  color: black;

  width: 24px;

  height: 24px;

  -webkit-border-radius: 15px;

  -moz-border-radius:    15px;

  border-radius:         15px;

  text-align: center;

  font-size: 20px;

  line-height: 24px;

  -moz-transition: all 0.6s ease;

  opacity: 0.75;

}

figure:hover:before {

  opacity: 0;

}



.cap-left:before {  bottom: 10px; left: 10px; }

.cap-left figcaption { bottom: 0; left: -30%; }

.cap-left:hover figcaption { left: 0; }



.cap-right:before { bottom: 15px; right: 10px; }

.cap-right figcaption { bottom: 0px; right: -50%; }

.cap-right:hover figcaption { right: 0; }



.cap-top:before { top: 10px; left: 10px; }

.cap-top figcaption { left: 0; top: -30%; }

.cap-top:hover figcaption { top: 0; }



.cap-bot:before { bottom: 10px; left: 10px; }

.cap-bot figcaption { left: 0; bottom: -30%;}

.cap-bot:hover figcaption { bottom: 0; }