/* CSS Document */

#pop{
	display: none;
	z-index: 1000;
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0px;
	left: 0px;
	background: rgba(0,0,0,0.9);
	/*overflow: scroll;*/
}

#pop .inner{
	position: relative;
	max-height: 90vh;

	top: 50%;
	-webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    transform: translateY(-50%);
	/*overflow: hidden;*/
	/*
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);*/
    margin: 0 auto;
    width: 90%;
    max-width: 800px;
}

#pop .close{
	background: url(images/close.png) no-repeat center center;
	width: 20px;
	height: 20px;
	position: absolute;
	right: 20px;
	top: 20px;
	cursor: pointer;
}

#pop .close.fixed{
    right:25px;
    top:-40px;
}

#pop .image{
		
		width:100%;
		height: 100%;
		/*max-width:100%;
	max-height: 90vh;*/

}

#pop a{
	display: block;
}

#pop img{
	width:100%;
}

@media  screen and (max-width: 680px){
	#pop .inner{
			overflow-y: scroll;
		margin:70px auto 0 auto;
		max-height: calc(90vh - 70px);
		/*position: absolute;
		top: 0;
		-webkit-transform: translate(-50%,0);
   		-moz-transform: translate(-50%,0);
    	transform: translate(-50%,0);*/
	}
}

@media 
(-webkit-min-device-pixel-ratio: 2), 
(min-resolution: 192dpi) { 
    #pop .inner{
    	max-width: 710px;
    }
}