.icrop-wrap {
	position: relative;
}
.icrop-clip-canv, .icrop-preview-canv {
	display: block;
}
.icrop-clip-canv, .icrop-bg {
	position: absolute;
	top: 0;
	left: 0;
}
.icrop-bg {
	background: #000;
	opacity: .5;
	filter: alpha(opacity=50);
}
.icrop-clip-wrap {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
}
.icrop-clip-canv {
	position: absolute;
	top: 0;
	left: 0;
}
.icrop-box {
	position: absolute;
	top: 0;
	left: 0;
	width: 0;
	height: 0;
	display: none;
	cursor: move;
	border: 1px dashed #0cf;
	touch-action: none; /* prevent mobile browsers from scrolling (except safari...) */
}
.icrop-transition {
	transition: top .5s, left .5s, width .5s, height .5s;
}
.notransition {
	-webkit-transition: none !important;
	-moz-transition: none !important;
	-o-transition: none !important;
	transition: none !important;
}
/*Dragger Style*/
.resize {
	position: absolute;
	z-index: 3;
	width: 17px;
	height: 17px;
	background: #ccc;
	background: rgba(255, 255, 255, .6);
	border: 1px solid #333;
	border-radius: 2px;
}
.N {
	top: -10px;
	left: -10px;
}
.W {
	top: -10px;
	left: -10px;
}
.S {
	left: -10px;
	bottom: -10px;
}
.E {
	right: -10px;
	top: -10px;
}
.N, .S {
	cursor: ns-resize;
}
.E, .W {
	cursor: ew-resize;
}
.NW, .SE {
	cursor: nw-resize;
}
.NE, .SW {
	cursor: ne-resize;
}
.NW, .NE {
	top: -10px;
}
.SE, .SW {
	bottom: -10px;
}
.NW, .SW {
	left: -10px;
}
.NE, .SE {
	right: -10px;
}
.wrapN, .wrapS {
	position: absolute;
	left: 50%;
}
.wrapE, .wrapW {
	position: absolute;
	top: 50%;
}
.wrapN {
	top: 0;
}
.wrapS {
	bottom: 0;
}
.wrapE {
	right: 0;
}
.wrapW {
	left: 0;
}