html ,body{
    width: 100%;
    height: 100%;
    background: #888;
}
*{
    margin: 0 ;
    padding: 0;
}
.viewer
{
    width: 100%;
    height: 1200px;

    position: relative;
}

.wrapper
{
    overflow: hidden;
    cursor: pointer;
    border-radius: 10px;
    /*overflow: hidden;*/
}
.viewer {
    -ms-touch-action: none;
}

.iviewer_common {
    position:absolute;
    bottom:10px;
    border: 1px  solid #000;
    height: 28px;
    z-index: 5000;
}
.see_big{
    position: absolute;
    z-index: 999;
    right: 30px;
    bottom:-80px;
}


.iviewer_button {
    width: 28px;
    cursor: pointer;
    background-position: center center;
    background-repeat: no-repeat;
    background: pink;

}

.iviewer_zoom_in {
    display: none;


}

.iviewer_zoom_out {

    display: none;
}

.iviewer_zoom_zero {

    display: none;
}

.iviewer_zoom_fit {

    display: none;

}

.iviewer_zoom_status {
    display: none;


}

.iviewer_rotate_left {
    left: 227px;
    display: none;

}

.iviewer_rotate_right {
    left: 262px;
    display: none;

}