#zoom-box { width: 360px; margin: 0 auto; margin-top: 36px; position: relative; }
#zoom-box .container { display: block; width: 360px; height: 480px;
    border: 1px solid #ababab; overflow: hidden; position: relative; }
#zoom-box .container .zoom-full-screen { display: none; position: fixed;
    top: 0; right: 0; bottom: 0; left: 0; text-align: center;
    background-color: rgba(255, 255, 255, 0.8); z-index: 105; } /*修改z-index 20151029*/
#zoom-box .container .zoom-full-screen a { position: absolute; top: 1em;
    right: 1em; cursor: pointer; }
#zoom-box .container .zoom-full-screen img { width: auto; height: 0;
    height: 100%; display: none; }
#zoom-box .container > img { height: 100%; position: absolute; left: 0; right: 0; }
#zoom-box .control.horizontal { width: 100%; position: relative; }
#zoom-box .control.horizontal button { position: absolute; padding: 0; top: 6px;
    cursor: pointer; }
#zoom-box .control.horizontal #zoom-out { left: 0; }
#zoom-box .control.horizontal #zoom-slider { width: 120px; position: absolute;
    left: 36px; top: 9px; }
#zoom-box .control.horizontal #zoom-in { left: 180px; }
#zoom-box .control.horizontal #full-screen { left: 210px; }
#zoom-box .control.horizontal #reset { left: 240px; }

#zoom-box .control.vertical { position: absolute; right: -30px; width: 24px;
    height: 256px; text-align: center; bottom: 0px; }
#zoom-box .control.vertical button { padding: 0; cursor: pointer; margin-bottom: 18px; }
#zoom-box .control.vertical #zoom-out {  }
#zoom-box .control.vertical #zoom-slider { margin-bottom: 18px; margin-left: 4px; }
#zoom-box .control.vertical #zoom-in {  }
#zoom-box .control.vertical #full-screen {  }
#zoom-box .control.vertical #reset {  }