#gallery1,#gallery2,#gallery{
       position: absolute;
       top:0;
       left:0;
       width: 100%;
       height: 100%;
    }

    #now{
        position:fixed;
        background: red;
        width: 100px;
        height: 100px;
        }

    #thum01{
        transform: translate(-495px,0);
        -webkit-transform: translate(-495px,0);
        top: 343px;
    }

    #thum02{
        transform: translate(-240px,0);
        -webkit-transform: translate(-240px,0);
        top: 343px;
    }

    #thum03{
        transform: translate(15px,0);
        -webkit-transform: translate(15px,0);
        top: 343px;
    }

    #thum04{
        transform: translate(270px,0);
        -webkit-transform: translate(270px,0);
        top: 343px;
    }

    #thum05{
        transform: translate(-495px,0);
        -webkit-transform: translate(-495px,0);
        top: 515px;
    }

    #thum06{
        transform: translate(-240px,0);
        -webkit-transform: translate(-240px,0);
        top: 515px;
    }

    #thum07{
        transform: translate(15px,0);
        -webkit-transform: translate(15px,0);
        top: 515px;
    }

    #thum08{
        transform: translate(270px,0);
        -webkit-transform: translate(270px,0);
        top: 515px;
    }

    #thum09{
        transform: translate(-495px,0);
        -webkit-transform: translate-495px,0);
        top: 687px;
    }

    #thum10{
        transform: translate(-240px,0);
        -webkit-transform: translate(-240px,0);
        top: 687px;
    }

    #thum11{
        transform: translate(15px,0);
        -webkit-transform: translate(15px,0);
        top: 687px;
    }

    #thum12{
        transform: translate(270px,0);
        -webkit-transform: translate(270px,0);
        top: 687px;
    }

    #thum13{
        transform: translate(-495px,0);
        -webkit-transform: translate(-495px,0);
        top: 859px;
    }

    #thum14{
        transform: translate(-240px,0);
        -webkit-transform: translate(-240px,0);
        top: 859px;
    }

    #thum15{
        transform: translate(15px,0);
        -webkit-transform: translate(15px,0);
        top: 859px;
    }

    #thum16{
        transform: translate(270px,0);
        -webkit-transform: translate(270px,0);
        top: 859px;
    }

    #thum17{
        transform: translate(-495px,0);
        -webkit-transform: translate(-495px,0);
        top: 1031px;
    }

    #thum18{
        transform: translate(-240px,0);
        -webkit-transform: translate(-240px,0);
        top: 1031px;
    }

    #thum19{
        transform: translate(15px,0);
        -webkit-transform: translate(15px,0);
        top: 1031px;
    }

    #thum20{
        transform: translate(270px,0);
        -webkit-transform: translate(270px,0);
        top: 1031px;
    }

    #thum21{
        transform: translate(-495px,0);
        -webkit-transform: translate(-495px,0);
        top: 1203px;
    }

    #thum22{
        transform: translate(-240px,0);
        -webkit-transform: translate(-240px,0);
        top: 1203px;
    }

    #thum23{
        transform: translate(15px,0);
        -webkit-transform: translate(15px,0);
        top: 1203px;
    }

    #thum24{
        transform: translate(270px,0);
        -webkit-transform: translate(270px,0);
        top: 1203px;
    }

    #new01{
        transform: translate(-270px,0);
        -webkit-transform: translate(-270px,0);
        top: 829px;
    }

    #new02{
        transform: translate(250px,0);
        -webkit-transform: translate(250px,0);
        top: 933px;
    }

    .new{
        width: 60px;
        height: 60px;
        padding: 0px;
        position: absolute;
        left: 50%;
        z-index: 102;
    }

    #gallery2 #thum01,#gallery2 #thum02,#gallery2 #thum03,#gallery2 #thum04{
        top: 1135px;
    }

    #gallery2 #thum05,#gallery2 #thum06{
        top: 1307px;
    }

    #thum01,#thum02,#thum03,#thum04,#thum05,#thum06,#thum07,#thum08,#thum08,#thum09,#thum10,#thum11,#thum12,#thum13,#thum14,#thum15,#thum16 {
        width: 225px;
        height: 132px;
        padding: 0px;
        position: absolute;
        left: 50%;
        z-index: 101;
        cursor: pointer;
    }

    #gallery_ol{
        position:absolute;
        width:100%;
        height:100%;
        top:0;
        left:0;
        background:rgba(255,255,255,0.5);
        z-index: 149;
    }

    #gallery_ol2{
        position:fixed;
        width:100%;
        height:100%;
        left:0px;
        z-index: 149;
        display: none;
    }


    #prev {
       display: none;
       background-image:url(../images/prev.png);
       position:fixed;
       width: 50px;
       height: 50px;
       z-index: 155;
       top: 50%;
       left: 50%;
       transform: translate(371px,247px);
       -webkit-transform: translate(371px,247px);
       cursor: pointer;
       
    }

    #next {
       display: none;
       background-image: url(../images/next.png);
       position:fixed;
       width: 60px;
       height: 58px;
       z-index: 155;
       top: 50%;
       left: 50%;
       transform: translate(416px,225px);
       -webkit-transform: translate(416px,225px);
       cursor: pointer;
    }

    #gclose {
       display: none;
       background-image: url(../images/close.png);
       position:fixed;
       width: 40px;
       height: 39px;
       z-index: 155;
       cursor: pointer;
       top: 50%;
       left: 50%;
       transform: translate(447px,190px);
       -webkit-transform: translate(447px,190px);
    }

    #pic01,#pic02,#pic03,#pic04,#pic05,#pic06,#pic07,#pic08,#pic09,#pic10,#pic11,#pic12,#pic13,#pic14,#pic15,#pic16,#pic17,#pic18,#pic19,#pic20,#pic21,#pic22 {
       display: none;
       position: fixed;
       top:50%;
       left:50%;
       transform:translate(-50%,-50%);
       -webkit-transform:translate(-50%,-50%);
       z-index:150;
       opacity:1;
    }

    .thum:hover,.control:hover {
       opacity: 0.5;
    }