/*!
 * Cropper v0.9.2
 * https://github.com/fengyuanchen/cropper
 *
 * Copyright (c) 2014-2015 Fengyuan Chen and contributors
 * Released under the MIT license
 *
 * Date: 2015-04-18T04:35:01.500Z
 */
.cropper-container {
  position: relative;
  overflow: hidden;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;

  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none;
}
.cropper-container img {
  display: block;
  width: 100%;
  min-width: 0 !important;
  max-width: none !important;
  height: 100%;
  min-height: 0 !important;
  max-height: none !important;

  image-orientation: 0deg !important;
}
.cropper-canvas,
.cropper-drag-box,
.cropper-crop-box,
.cropper-modal {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.cropper-drag-box {
  background-color: #fff;
  filter: alpha(opacity=0);
  opacity: 0;
}
.cropper-modal {
  background-color: #000;
  filter: alpha(opacity=50);
  opacity: .5;
}
.cropper-view-box {
  display: block;
  width: 100%;
  height: 100%;
  overflow: hidden;
  outline: 1px solid #69f;
  outline-color: rgba(102, 153, 255, .75);
}
.cropper-dashed {
  position: absolute;
  display: block;
  filter: alpha(opacity=50);
  border: 0 dashed #fff;
  opacity: .5;
}
.cropper-dashed.dashed-h {
  top: 33.33333333%;
  left: 0;
  width: 100%;
  height: 33.33333333%;
  border-top-width: 1px;
  border-bottom-width: 1px;
}
.cropper-dashed.dashed-v {
  top: 0;
  left: 33.33333333%;
  width: 33.33333333%;
  height: 100%;
  border-right-width: 1px;
  border-left-width: 1px;
}
.cropper-face,
.cropper-line,
.cropper-point {
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  filter: alpha(opacity=10);
  opacity: .1;
}
.cropper-face {
  top: 0;
  left: 0;
  cursor: move;
  background-color: #fff;
}
.cropper-line {
  background-color: #69f;
}
.cropper-line.line-e {
  top: 0;
  right: -3px;
  width: 5px;
  cursor: e-resize;
}
.cropper-line.line-n {
  top: -3px;
  left: 0;
  height: 5px;
  cursor: n-resize;
}
.cropper-line.line-w {
  top: 0;
  left: -3px;
  width: 5px;
  cursor: w-resize;
}
.cropper-line.line-s {
  bottom: -3px;
  left: 0;
  height: 5px;
  cursor: s-resize;
}
.cropper-point {
  width: 5px;
  height: 5px;
  background-color: #69f;
  filter: alpha(opacity=75);
  opacity: .75;
}
.cropper-point.point-e {
  top: 50%;
  right: -3px;
  margin-top: -3px;
  cursor: e-resize;
}
.cropper-point.point-n {
  top: -3px;
  left: 50%;
  margin-left: -3px;
  cursor: n-resize;
}
.cropper-point.point-w {
  top: 50%;
  left: -3px;
  margin-top: -3px;
  cursor: w-resize;
}
.cropper-point.point-s {
  bottom: -3px;
  left: 50%;
  margin-left: -3px;
  cursor: s-resize;
}
.cropper-point.point-ne {
  top: -3px;
  right: -3px;
  cursor: ne-resize;
}
.cropper-point.point-nw {
  top: -3px;
  left: -3px;
  cursor: nw-resize;
}
.cropper-point.point-sw {
  bottom: -3px;
  left: -3px;
  cursor: sw-resize;
}
.cropper-point.point-se {
  right: -3px;
  bottom: -3px;
  width: 20px;
  height: 20px;
  cursor: se-resize;
  filter: alpha(opacity=100);
  opacity: 1;
}
.cropper-point.point-se:before {
  position: absolute;
  right: -50%;
  bottom: -50%;
  display: block;
  width: 200%;
  height: 200%;
  content: " ";
  background-color: #69f;
  filter: alpha(opacity=0);
  opacity: 0;
}
@media (min-width: 768px) {
  .cropper-point.point-se {
    width: 15px;
    height: 15px;
  }
}
@media (min-width: 992px) {
  .cropper-point.point-se {
    width: 10px;
    height: 10px;
  }
}
@media (min-width: 1200px) {
  .cropper-point.point-se {
    width: 5px;
    height: 5px;
    filter: alpha(opacity=75);
    opacity: .75;
  }
}
.cropper-bg {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAQMAAAAlPW0iAAAAA3NCSVQICAjb4U/gAAAABlBMVEXMzMz////TjRV2AAAACXBIWXMAAArrAAAK6wGCiw1aAAAAHHRFWHRTb2Z0d2FyZQBBZG9iZSBGaXJld29ya3MgQ1M26LyyjAAAABFJREFUCJlj+M/AgBVhF/0PAH6/D/HkDxOGAAAAAElFTkSuQmCC");
}
.cropper-invisible {
  filter: alpha(opacity=0);
  opacity: 0;
}
.cropper-hide {
  position: fixed;
  top: 0;
  left: 0;
  z-index: -1;
  width: auto!important;
  min-width: 0!important;
  max-width: none!important;
  height: auto!important;
  min-height: 0!important;
  max-height: none!important;
  filter: alpha(opacity=0);
  opacity: 0;
}
.cropper-hidden {
  display: none !important;
}
.cropper-move {
  cursor: move;
}
.cropper-crop {
  cursor: crosshair;
}
.cropper-disabled .cropper-drag-box,
.cropper-disabled .cropper-face,
.cropper-disabled .cropper-line,
.cropper-disabled .cropper-point {
  cursor: not-allowed;
}
/*miyang*/
.myuploadcrop_back{background-color:rgba(0,0,0,0.3);width:100%;height:100%;position:fixed;top:0;left:0;z-index:50000;}
.myuploadcrop_con{background-color:#F4F4F4;width:610px;height:370px;border:1px solid #e3e3e3;box-shadow:2px 2px 10px silver;}
.myuploadcrop_title{background-color:#F4F4F4;width:610px;height:40px;border-bottom:1px solid #e3e3e3;}
.myuploadcrop_button1{background-image:url("selectimgs.jpg");border:none;background-color:transparent;width:120px;height:33px;background-size:100%;margin-top:3px;margin-left:3px;cursor:pointer;border-radius:5px;}
.myuploadcrop_button2{float:right;cursor:pointer;background-color:transparent;border:none;margin-top:3px;color:gray;font-size:18px;}
.myuploadcrop_button3{width:80px;height:33px;margin-top:3px;margin-right:10px;cursor:pointer;border-radius:5px;float:right;border:none;background-color:#aaaaaa;}
.myuploadcrop_body{background-color:white;width:600px;height:315px;margin-top:4px;margin-left:4px;border:1px solid #e3e3e3;}
.myuploadcrop_buttonc{width:180px;height:47px;background-size:100%;margin-top:120px;margin-left:210px;}
.myuploadcrop_button4{background-image:url("selectimgs.jpg");border:none;background-color:transparent;width:180px;height:47px;background-size:100%;cursor:pointer;border-radius:5px;}
.myuploadcrop_img{width:91px;height:91px;border:3px solid white;}
.myuploadcrop_delete{font-size:18px;color:white;border-radius:10px;background-color:#EF6262;cursor:pointer;}
.myuploadcrop_cutcon_body{position:absolute;width:100%;height:100%;display:none;top:0px;z-index:10000;}
.myuploadcrop_cutcon_title{width:1100px;height:40px;background-color:#F4F4F4;border:1px solid #e3e3e3;}
.myuploadcrop_cutcon_title input{background-color:#EF6262;border:none;height:30px;cursor:pointer;color:white;border-radius:5px;margin-top:5px;width:120px;}
.myuploadcrop_cutcon{width:1100px;height:700px;}
.myuploadcrop_cutcon_loading{position:absolute;width:100%;height:100%;display:none;top:0px;z-index:10000;background-color:rgba(0,0,0,0.5);}
#myuploadcroptips{font-size:13px;color:#F71A8C;}
.myuploadcrop_shaps{position:absolute;width:100px;height:100%;top:0;right:0px;overflow-y:scroll;background-color:silver;}
.myuploadcrop_shap_img{width:100%;margin-bottom:10px;border:5px solid white;cursor:pointer;}
