#popupcheckout{
	display: block;
	position: fixed;
	background-color: rgba(0,0,0,0.6);
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 200;
	text-align: center;
	white-space: nowrap;

	opacity: 0;
	visibility: hidden;
	transition: all 0.4s;
}
#popupcheckout.show{
	opacity: 1;
	visibility: visible;
}
.dark-back{
	display: block;
	position: absolute;
	background-color: rgba(0,0,0,0.6);
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}
#popupcheckout:after{
	content: "";
	width: 0%;
	height: 100%;
	display: inline-block;
	position: relative;
	vertical-align: middle;
}
#popupcheckout .image-container{
	display: inline-block;
	position: relative;
	max-width: 600px;
	max-height: 600px;
	cursor: pointer;
	vertical-align: middle;
	white-space: normal;

	margin-bottom: 200px;
	opacity: 0;

	transition: all 0.5s;
}
#popupcheckout.show .image-container{
	opacity: 1;
	margin-bottom: 0;
}
#popupcheckout .image-container  img{
	display: block;
	position: relative;
	max-width: 100%;
	max-height: 100%;
}
#popupcheckout .image-container  img.wait{
	cursor: wait;
}
#popupcheckout .image-container .close-button{
	display: block;
	position: absolute;
	right: 0;
	top: 0;
	padding: 5px 10px;
	background-color: rgba(255,255,255,0.4);
	text-align: center;
	font-size: 14px;
	font-weight: 300;
	cursor: pointer;
}