body {
	margin:0;
}

.image {
/*	margin:30px;*/
	cursor:zoom-in;
	width:300;
	height:400;
}

.popup {
	position: absolute;
	height:100%;
	width:100%;
	top:0;
	left:0;
	display:none;
	text-align:center;
}

.popup_bg {
	background:rgba(0,0,0,0.3);
	position:fixed;
	z-index:1;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	width: auto;
  height: auto;
}


.popup_img {
position: sticky;
  
  z-index:2;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
	max-height: 90%;
	width:400;
	height:533;
}

.popup_img {
  pointer-events: none;
}