/* Hover */
img.overlay {
right:0;
left:0;
top:40%;
position:absolute;
margin:0 auto
}
/* The gallery overlay */
#galleryOverlay{
width:100%;
height:100%;
position:fixed;
top:0;
right:0;
opacity:0;
z-index:100000;
background-color:#222;
background-color:rgba(0,0,0,0.8);
overflow:hidden;
display:none;
-webkit-transition:opacity 1s ease;
-webkit-transition:opacity 1s ease;
transition:opacity 1s ease
}
/* This class will trigger the animation */
#galleryOverlay.visible{
opacity:1
}
#gallerySlider {
height:100%;
right:0;
top:0;
width:100%;
white-space:nowrap;
position:absolute;
-webkit-transition:right 0.4s ease;
-webkit-transition:right 0.4s ease;
transition:right 0.4s ease
}
#gallerySlider .placeholder {
height:100%;
line-height:1px;
text-align:center;
width:100%;
display:inline-block
}
#gallerySlider .placeholder img {
display:inline-block;
max-height:100%;
max-width:100%;
vertical-align:middle
}