body.slideshow-open {overflow:hidden;}
.slideshow-overlay {
    position: fixed;
    z-index: 100;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0,0,0,0.6);
    text-align: center;
}
.slideshow-overlay-content {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
}
.slideshow-close {
    position: fixed;
    top: 0px;
    right: 0;
    cursor: pointer;
    z-index: 101;
}

.slideshow-overlay i {
    color: #FFF;
    font-size: 26px;
}

.slideshow-arrow {
    position: absolute;
    z-index: 101;
    top: 50%;
    margin-top: -25px;
    width: 50px;
    height: 50px;
    background-color: #C6003E;
    text-align: center;
    cursor: pointer;
}

.slideshow-arrow i {
    color: #FFF;
    font-size: 22px;
    margin-top: 15px;
    display: block;
}
.slideshow-arrow.arrow-right {
    right: 0;
}
.slideshow-overlay-in {
    position: fixed;
    height: 100%;
    width: 100%;
    overflow: auto;
}
.slideshow-overlay-media {
    position: relative;
    width: 100%;
    height: 100%;
}

.slideshow-overlay-media img {
    position: absolute;
    top: 50%;
    left: 50%;
    max-height: 100%;
    max-width: 100%;
    -moz-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%); 
    -ms-transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%); 
    transform: translate(-50%,-50%);
}