#zoom {
	z-index: 99990;
	position: fixed;
	top: 0;
	left: 0;
	display: none;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.8);
	filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";
}
#zoom .content {
	z-index: 99991;
	position: absolute;
	top: 50%;
	left: 50%;
	width: 200px;
	height: 200px;
	
	padding: 0;
	margin: -100px 0 0 -100px;
	box-shadow: -20px 20px 20px rgba(0, 0, 0, 0.3);
}
#zoom .content.loading {
	
}
#zoom .content .overlay {
	position: absolute;
	border: 1px solid rgba(255, 255, 255, .08);
	top: -1px;
	left: -1px;
	width: 100%;
	height: 100%;
	-webkit-user-select: none;
}
#zoom img {
	display: block;
	max-width: none;
	background: #ececec;
	box-shadow: 0 1px 3px rgba(0,0,0,0.25);
}
#zoom .close {
	z-index: 99993;
	position: absolute;
	top: 30px;
	right: 60px;
	width: 70px;
	height: 70px;
	cursor: pointer;
	background: #000;
	border-radius:50px;
	text-align: center;
	line-height:70px;
	color:#fff;
	opacity: 1;
	filter: alpha(opacity=100);
}
#zoom .previous,
#zoom .next {
	z-index: 99992;
	position: absolute;
	top: 50%;
	overflow: hidden;
	display: block;
	width: 70px;
	height: 70px;
	line-height:70px;
	margin-top: -25px;
	border-radius:50px;
}
#zoom .previous i,#zoom .close i,
#zoom .next i{font-size:26px;color: #fff;}
#zoom .previous {
	left: 60px;
	background: #000;
	text-align: center;
}
#zoom .next {
	right: 60px;
	background: #000;
	text-align: center;
}
#zoom .close:hover {
	background-color: #da4f49;
}
#zoom .previous:hover,
#zoom .next:hover {
	background-color: #0088cc;
}