.preview{
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,0.5);
	position: fixed;
	top: 0px;
	left: 0px;
	z-index: 999;
	display: none;
}
.preview .close{
	width: 50px;
	height: 50px;
	position: absolute;
	right: 30px;
	top: 30px;
}
.preview-container{
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	
}
.preview-container img{
	max-width: 1250px;
	height: auto;
	background-color: #FFFFFF;
}

.pre{
	width: 50px;
	height: 50px;
	position: absolute;
	left: 30px;
	top: 50%;
}

.next{
	width: 50px;
	height: 50px;
	position: absolute;
	right: 30px;
	top: 50%;
}

.next:hover,.pre:hover{
	background-color: rgba(255,255,255,0.2);
	border-radius: 50%;
}