img-crop{width:100%;height:100%;display:block;position:relative;overflow:hidden}
img-crop canvas{display:block;position:absolute;top:50%;left:50%;outline:0;-webkit-tap-highlight-color:transparent}
.cropArea {
	  background: #E4E4E4;
	  overflow: hidden;
	}
@media(min-width: 999px){
	.detela{width:900px;}
	.cropArea {
	  width:585px;
	  height:450px;
	}
}

@media(min-width: 500px) and (max-width: 998px){
	.detela{width:480px;}
	.cropArea {
	  width:430px;
	  height:350px;
	}
}

@media(min-width: 420px) and (max-width: 499px){
	.detela{width:396px;}
	.cropArea {
	  width:348px;
	  height:280px;
	}
}

@media(max-width: 419px){
	.detela{width:335px;}
	.cropArea {
	  width:300px;
	  height:280px;
	}
}