.cropper2{
	position: relative;
	float: left;
	clear: both;
	width: 100%;
	margin-top: 10px;
	margin-bottom: 20px;
	border-radius: 5px;
	overflow: hidden;
}

.cropper2 > .cropper_uploader {
	position: relative;
	padding: 20px 0;
	margin-bottom: 20px;
	background: #fff;
	border: dashed 4px #99A048;
	border-radius: 5px;
	text-align: center;
	font-size: 1.25em;
	font-weight: 300;
	color: #999 !important;
	cursor: pointer;
}

.cropper2 > .cropper_uploader:hover {
	border-color: #999;
}

.cropper2 > .cropper_area {
	display: none;
	position: relative;
	float: left;
	clear: both;
	max-width: 866px;
	height: 0;
	overflow: hidden;
	padding: 0;
	margin: 20px 0;
	margin-top: 0;
	border-radius: 2px;

    box-sizing:border-box;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;

    border: 1px solid #bbb;
    font: normal 100%/normal Arial, Helvetica, sans-serif;
    color: rgba(255,255,255,1);
    -o-text-overflow: clip;
    text-overflow: clip;
    background: -webkit-linear-gradient(45deg, rgba(0,0,0,0.0980392) 25%, rgba(0,0,0,0) 25%, rgba(0,0,0,0) 75%, rgba(0,0,0,0.0980392) 75%, rgba(0,0,0,0.0980392) 0), -webkit-linear-gradient(45deg, rgba(0,0,0,0.0980392) 25%, rgba(0,0,0,0) 25%, rgba(0,0,0,0) 75%, rgba(0,0,0,0.0980392) 75%, rgba(0,0,0,0.0980392) 0), rgb(255, 255, 255);
    background: -moz-linear-gradient(45deg, rgba(0,0,0,0.0980392) 25%, rgba(0,0,0,0) 25%, rgba(0,0,0,0) 75%, rgba(0,0,0,0.0980392) 75%, rgba(0,0,0,0.0980392) 0), -moz-linear-gradient(45deg, rgba(0,0,0,0.0980392) 25%, rgba(0,0,0,0) 25%, rgba(0,0,0,0) 75%, rgba(0,0,0,0.0980392) 75%, rgba(0,0,0,0.0980392) 0), rgb(255, 255, 255);
    background: linear-gradient(45deg, rgba(0,0,0,0.0980392) 25%, rgba(0,0,0,0) 25%, rgba(0,0,0,0) 75%, rgba(0,0,0,0.0980392) 75%, rgba(0,0,0,0.0980392) 0), linear-gradient(45deg, rgba(0,0,0,0.0980392) 25%, rgba(0,0,0,0) 25%, rgba(0,0,0,0) 75%, rgba(0,0,0,0.0980392) 75%, rgba(0,0,0,0.0980392) 0), rgb(255, 255, 255);
    background-position: 0 0, 40px 40px;
    -webkit-background-origin: padding-box;
    background-origin: padding-box;
    -webkit-background-clip: border-box;
    background-clip: border-box;
    -webkit-background-size: 80px 80px;
    background-size: 80px 80px;

}
.cropper2 > .cropper_area > .originalImg{
	float:left;
	padding: 0;
	margin: 0;
	max-width: 100%;
	overflow: hidden;
}

.cropper2 > a.btn {
	padding: 6px 20px;
	margin: 0;
	margin-right: 20px;
	background: #444;
	border-radius: 3px;
	color:#fff !important;
	font-family: 'Open Sans';
	font-weight: 300;
	font-size: 1.25em;
}

.cropper2 > a.btn:hover {
	background: #000 !important;
}

.cropper2 > a.btn.doCrop {
	display: none;
	clear: both;
}

.cropper2 > a.cancel {
	display: none;
	background: #cc0000;
}

.cropper_uploader .originalImg {
	position: relative;
	z-index: 0;
	float: left;
	margin: 0 1px 1px 0;
	max-width: 100%;
	overflow: hidden;
}

.cropper2 > .cropper_area > .cropWindow{
	position: absolute;
	z-index: 1000;
	top: 0;
	left: 0;
	max-width: 100%;
	max-height: 100%;
	box-shadow: inset 2px 2px 0 white, inset -2px -2px 0 white, outset -2px -2px 0 black, outset 2px 2px 0 black;
	background: rgba(255, 255, 255, .35);
	cursor: move;

    box-sizing:border-box;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;

    border: 1px solid #000;
}
.cropper2 .cropped_img {
	float: left;
	/*margin: 20px 0;*/
/* 	border: solid 1px #ddd; */
}