.pop{
	cursor: pointer;
}
.pop_overlay{
	width: 100%;
	height: 100%;
	position: fixed;
	z-index: 999;
    background: rgba(238, 238, 238, 0.95);
	top: 0;
	left: 0;
    z-index: 99999;
        overflow: auto;
}
.pop_overlay .pop_box{
	position: absolute;
	height: 720px;
	margin:auto;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	max-width: 980px;
	width: 90%;
}
.pop_overlay img{
    max-height: 720px;
    max-width: 980px;
    margin: 0 auto;
    display: block;
}
.cancel{
	position: absolute;
	top: 2%;
	right: 2%;
	width: 70px !important;
	height: 70px;
	display: block;
	cursor: pointer;
}

.pop> img.showthis{
	display: none;
}
@media screen and (max-width: 850px) {
	.overlay .pop_box{
		height: 500px;
		max-width: 335px;
	}
}

@media screen and (max-width: 560px){
	.pop_overlay  .pop_box img{
		width: 100%;
		max-width: inherit;
	}
	.pop_overlay .pop_box{
		height: 500px;
	}
	.cancel{
		width: 45px !important;
   		height: 45px;
	}	

}

@media screen and (max-height: 500px) and (max-width: 500px){
	.overlay .pop_box{
	    height: 350px;
	    max-width: 240px;
	}

	.pop_overlay .pop_box{
		height: 400px;
	}
}