#main .content {
  position: relative;
  margin-bottom: 10px;
  background-color: rgba(85, 102, 119, 0.3);
  width: 600px;
  height: 680px;
  left: 50%;
  margin-left: -300px;
  overflow: hidden; }
  @media only screen and (max-width: 600px) {
    #main .content {
      width: 100%;
      margin-left: 0;
      left: 0; } }
  #main .content .box {
    position: absolute;
    margin-top: 50px;
    width: 100%;
    height: 380px; }
    #main .content .box .img1 {
      position: absolute;
      left: 50px;
      opacity: 0.5; }
    #main .content .box .img2 {
      position: absolute;
      left: 50px;
      clip: rect(0, 200px, 200px, 0); }
    #main .content .box .control {
      position: absolute;
      left: 50px;
      border: 1px solid #fff;
      width: 200px;
      height: 200px;
      cursor: move; }
      #main .content .box .control .minDiv {
        position: absolute;
        width: 8px;
        height: 8px;
        background-color: #fff;
        margin-left: -4px;
        margin-top: -4px; }
        #main .content .box .control .minDiv.left-up {
          cursor: nw-resize; }
        #main .content .box .control .minDiv.up {
          cursor: n-resize;
          left: 50%; }
        #main .content .box .control .minDiv.right-up {
          cursor: ne-resize;
          left: 100%; }
        #main .content .box .control .minDiv.right2 {
          cursor: e-resize;
          left: 100%;
          top: 50%; }
        #main .content .box .control .minDiv.right-down {
          cursor: se-resize;
          left: 100%;
          top: 100%; }
        #main .content .box .control .minDiv.down {
          cursor: s-resize;
          left: 50%;
          top: 100%; }
        #main .content .box .control .minDiv.left-down {
          cursor: sw-resize;
          top: 100%; }
        #main .content .box .control .minDiv.left {
          cursor: w-resize;
          top: 50%; }

#show {
  position: absolute;
  left: 50%;
  margin-left: -250px;
  top: 380px; }
  #show img {
    position: absolute; }
  @media only screen and (max-width: 600px) {
    #show {
      left: 50px;
      margin-left: 0; } }

/*# sourceMappingURL=pictureClipping.css.map */