body.slideshow-open {
    overflow: hidden;
}

#slideshow {
	display: none;
	position: fixed;
	width: 100%; 
	height: 100%; 
	background: rgba(0, 0, 0, .8);
	z-index: 2001
}
#slideshowClose {
	position:absolute; 
	z-index:999; 
	cursor:pointer;
	right:20px; 
	bottom:20px;
}
.slideshow-container { 
	position: absolute; 
	top: 0px; 
	left: 0px; 
	right: 0px; 
	bottom: 0px; 
	align:center; 
	width: 580px;
	height: 636px;
	margin:auto;
	background: white;
	padding: 20px;
}

.frame {
   	height: 540px;      /* equals max image height */
    width: 540px;
    white-space: nowrap;
    text-align: center;
	margin: 0;
}
.frame:before,
.frame_before {
    content: "";
    display: inline-block;
    height: 100%;
    vertical-align: middle;
}

#slideshow .slideshow-img {
	max-width: 100%;
	max-height: 540px;
	vertical-align: middle;
}

.sharing-tools {
	position: absolute;
	bottom: 20px;
}

.sharing-tools a {
	display: inline-block;
	width: 36px;
}

.sharing-tools a img {
	width: 100%;
}

.prev, .next {  
	z-index:999;
	cursor:pointer; 
	position: absolute; 
	top: 45%;
	position: absolute;
	width: 28px;
}

.prev img, .next img {
	width: 100%
}

.next { 
	right: 32px;
} 
.prev { 
	left: 32px;
}	
.thumb{
	width: auto;
	height: 100px;
	margin:5px;
}

@media (max-width: 768px) {
	.slideshow-container {
		width: 100%;
		height: 100%;
	}

	.frame {
		width: 100%;
		height: 570px;
	}

	.sharing-tools {
		position: absolute;
		bottom: 60px;
	}
}