.container{
	margin:0 auto;
	
}

.crop_box{
	width: 700px;
	height: 400px;
	border-radius: 4px;
	border: 1px solid #b6b6b6;
	background-color: #e7e7e7;
}
.crop_set_upload{
	width: 650px;
	padding: 20px 0 0 0 ;
}
.crop_upload_label{
	float:left;
	width: 120px;
	padding: 20px 0 0 20px;
	font-family: verdana, arial;
	font-weight: bold;
	font-size: 12px;
	color: #000;
}
.crop_select_image{
	float:left;
	width: 150px;
	padding: 12px 0 0 0px;
}

.hide_broswe{
	opacity:0;
	-moz-opacity:0;
	filter:alpha(opacity:0);
	width:120px;
	padding:5px;
	cursor:pointer;
}

.file_browser{
	width: 126px; 
	height: 32px;
	background:url("../images/crop_select_image.png") no-repeat;
	float: left;
}

.upload_button{
	background:url("../images/crop_upload_image.png") no-repeat;
	width: 113px;
	height: 32px;
	text-indent: -1000px;
	border: 0px;
	cursor:pointer;
}
.crop_set_preview{
	float: left;
	width: 690px;
	padding: 20px 0 0 0 ;
}
.crop_preview_left{
	float: left;
	width: 430px;
	padding: 0 0 0 20px;
}



.crop_preview_right{
	font-family: verdana, arial;
	font-weight: bold;
	font-size: 11px;
	color: #000;
	float: left;
	width: 170px;
	padding: 0 0 0 20px;
}
.crop_preview_box_big{
	width:400px;
	height: 490px;
	border:1px solid #b6b6b6;
	background-color: #f7f7f7;
	position: relative;
}

.crop_preview_box_big img{
	max-width: 400px;
	max-height: 490px;
}


.crop_preview_box_small{
	width:385px;
	height: 490px;
	border:1px solid #b6b6b6;
	background-color: #f7f7f7;
	margin: 10px 0 0 0 ;
}
.crop_preview_submit{
	width:160px;
	margin: 90px 0 0 0 ;
	text-align: center;
}
.submit_button{
	background:url("../images/crop_upload_submit.png") no-repeat;
	width: 80px;
	height: 32px;
	text-indent: -1000px;
	border: 0px;
	cursor:pointer;
}


.fceff .modal-content { background:url(../img/bodybg.png) repeat left top!important}
.fceff .modal-content .container{ width:100%}
.fceff .modal-content .container .crop_box{ width:100%; background:url(../img/bispat.png) no-repeat left top; background-size:100% 100%; height:auto}
.fceff .modal-content .container .crop_box:after{ display:block; clear:both; content:''; visibility:hidden; width:100%}
.fceff .modal-content .container .crop_box .crop_set_preview{ width:100%}
.fceff .modal-content .container .crop_box .crop_set_preview .crop_preview_left{ width:60%}
.fceff .modal-content .container .crop_box .crop_set_preview .crop_preview_left .crop_preview_box_big{ width:100%}
.fceff .modal-content .container .crop_box .crop_set_preview .crop_preview_right{ width:40%; padding-top:14px}
.fceff .modal-content .container .crop_box .crop_set_preview .crop_preview_right .crop_preview_box_small{ margin-top:23px}
.fceff .modal-content .container .crop_box .crop_set_preview .crop_preview_right  .crop_preview_submit{ margin-top:20px; margin-bottom:20px; text-align:left}
.fceff .modal-content .container .crop_box .crop_set_upload{ width:auto; padding:0}
.fceff .modal-content .container .crop_box .crop_set_upload .crop_upload_label{ padding-top:10px!important; width:auto}
.fceff .modal-content .container .crop_box .crop_set_upload .crop_select_image{ padding-top:0; margin-bottom:15px; margin-right:15px}
.fceff .modal-content .container .crop_box  #viewimage{ margin-top:50px}