@charset "UTF-8";
* {
	box-sizing:border-box;
	margin-top: 0px;
}
body, html {
	width:100%;
	height:100%;
}
body {
	padding: 0px;
	background-color: #494A5F;
	color: #FFF;
	margin:0px;
	padding: 0px;
}
.magnify {
	top:100px;
	z-index: 20;
	position: relative;
	width:900px;
	height:675px;
	margin:0px auto 80px;
}

.magnify img {
	display:block;
}

.element_to_magnify {
	position: relative;
	width:900px;
  	height:640px;
  	overflow: hidden;
}
.element_to_magnify  a {
  display:block;
  position:absolute;
  top:80px;
  right:80px;
  background-color:rgba(200, 200, 200, .25);
  padding:4px;
  font-size:18px;
  color:#fff;
}
.element_to_magnify img{
	width: 100%;
	height: auto;
}
.magnified_element {
	
}
.mag_zone {
	right: -100px;
	bottom:-100px;
	width:300px;
	height:300px;
	position: absolute;
	border:solid 1px white;
	z-index: 290;
	overflow:hidden;
	border: 4px solid #CCC;
	border-radius: 50%;
	background-color: #999;
}
.drag_zone {
	pointer-events: none;
	background:none;
	position: absolute;
	width: 120%;
	height:120%;
	top:-10%;
	left:-10%;
/*	border:solid #fff 1px;*/	
}
.magnify_glass {
	z-index: 300;
	position: absolute;
	background:none;
	width: 200px;
	height: 200px;
	border: 4px solid #CCC;
	border-radius: 50%;
	background-color: rgba(200,200,200,.5);
	cursor: move;
}