pic.css

	body{
		background: #333;
	}
	#box{
		position: absolute;
		top:100px;
		left: 100px;
		width: 865px;
		height: 589px;
	}
	#imga{
		opacity: 0.5;
		position: absolute;
		top:0;
		left: 0;
	}
	#imgb{
		position: absolute;
		top:0;
		left: 0;
		clip: rect(0,200px,200px,0);/*top,right,buttom,left*/
	}
	#preview{
		position: absolute;
		width: 200px;
		height: 200px;
		top:100px;
		left: 1000px;

	}
	#preview img{
		position: absolute;
	}
	#main{
		border: 1px solid #fff;
		width: 200px;
		height: 200px;
		position: absolute;
		cursor: move;
	}
	.minDiv{/*position is half parent width sub half self*/
		position: absolute;
		width: 8px;
		height: 8px;
		background: #fff;
	}
	.top-left{
		top:-4px;
		left: -4px;
		cursor: nw-resize;
	}
	.top{
		left: 50%;
		margin-left: -4px;
		top: -4px;
		cursor: n-resize;
	}
	.top-right{
		right: -4px;
		top:-4px;
		cursor: ne-resize;
	}
	.right{
		right: -4px;
		top:50%;
		margin-top:-4px;
		cursor: e-resize;
	}
	.right-bottom{
		right: -4px;
		bottom:-4px;
		cursor: se-resize;
	}
	.bottom{
		bottom:-4px;
		left: 50%;
		margin-left: -4px;
		cursor: s-resize;
	}
	.left-bottom{
		left: -4px;
		bottom: -4px;
		cursor: sw-resize;
	}
	.left{
		left: -4px;
		top:50%;
		margin-top: -4px;
		cursor: w-resize;
	}