#zoom{
    z-index: 9999;
    width: 800px;
    height: 500px;
    left: 300px;
    top: 50px;
    bottom: 20px;
    position: fixed;

}

#zoomback{
    background: rgba(37, 37, 49, 0.9);
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 9999;
    position: fixed;
    display: none;
    animation: zooming 1s ease-in-out;
}
@keyframes zooming{
    from{
        transform: scale(0);   
}
        to{
            transform: scale(1.3);
        }
}

    .close{
        position: absolute;
        font-size: 50px;
        color: #fff;
        right: 50px;
        top: 10px;
    }
#zoomback2{
    background: rgba(37, 37, 49, 0.9);
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 9999;
    position: fixed;
    display: none;
    animation: zooming1 1s ease-in-out;
    animation: zooming 1s ease-in-out;
}

    .close2{
        position: absolute;
        font-size: 50px;
        color: #fff;
        right: 50px;
        top: 10px;
    }
#zoomback3{
    background: rgba(37, 37, 49, 0.9);
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 9999;
    position: fixed;
    display: none;
    animation: zooming 1s ease-in-out;

}
.close3{
    position: absolute;
    font-size: 50px;
    color: #fff;
    right: 50px;
    top: 10px;
}
#zoomback4{
    background: rgba(37, 37, 49, 0.9);
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 9999;
    position: fixed;
    display: none;
    animation: zooming 1s ease-in-out;

}
.close4{
    position: absolute;
    font-size: 50px;
    color: #fff;
    right: 50px;
    top: 10px;
}
#zoomback5{
    background: rgba(37, 37, 49, 0.9);
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 9999;
    position: fixed;
    display: none;
    animation: zooming 1s ease-in-out;

}
.close5{
    position: absolute;
    font-size: 50px;
    color: #fff;
    right: 50px;
    top: 10px;
}
#zoomback6{
    background: rgba(37, 37, 49, 0.9);
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 9999;
    position: fixed;
    display: none;
    animation: zooming 1s ease-in-out;

}
.close6{
    position: absolute;
    font-size: 50px;
    color: #fff;
    right: 50px;
    top: 10px;
}
#zoomback7{
    background: rgba(37, 37, 49, 0.9);
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 9999;
    position: fixed;
    display: none;
    animation: zooming 1s ease-in-out;
}
.close7{
    position: absolute;
    font-size: 50px;
    color: #fff;
    right: 50px;
    top: 10px;
}
#zoomback8{
    background: rgba(37, 37, 49, 0.9);
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 9999;
    position: fixed;
    display: none;
    animation: zooming 1s ease-in-out;

}
.close8{
    position: absolute;
    font-size: 50px;
    color: #fff;
    right: 50px;
    top: 10px;
}
#zoomback9{
    background: rgba(37, 37, 49, 0.9);
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 9999;
    position: fixed;
    display: none;
    animation: zooming 1s ease-in-out;

}
.close9{
    position: absolute;
    font-size: 50px;
    color: #fff;
    right: 50px;
    top: 10px;
}
#zoomback10{
    background: rgba(37, 37, 49, 0.9);
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 9999;
    position: fixed;
    display: none;
    animation: zooming 1s ease-in-out;

}
.close10{
    position: absolute;
    font-size: 50px;
    color: #fff;
    right: 50px;
    top: 10px;
}
#zoomback11{
    background: rgba(37, 37, 49, 0.9);
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 9999;
    position: fixed;
    display: none;
    animation: zooming 1s ease-in-out;

}
.close11{
    position: absolute;
    font-size: 50px;
    color: #fff;
    right: 50px;
    top: 10px;
}
#zoomback12{
    background: rgba(37, 37, 49, 0.9);
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 9999;
    position: fixed;
    display: none;
    animation: zooming 1s ease-in-out;

}
.close12{
    position: absolute;
    font-size: 50px;
    color: #fff;
    right: 50px;
    top: 10px;
}
#zoomback13{
    background: rgba(37, 37, 49, 0.9);
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 9999;
    position: fixed;
    display: none;
    animation: zooming 1s ease-in-out;

}
.close13{
    position: absolute;
    font-size: 50px;
    color: #fff;
    right: 50px;
    top: 10px;
}
#zoomback14{
    background: rgba(37, 37, 49, 0.9);
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 9999;
    position: fixed;
    display: none;
    animation: zooming 1s ease-in-out;

}
.close14{
    position: absolute;
    font-size: 50px;
    color: #fff;
    right: 50px;
    top: 10px;
}
#zoomback15{
    background: rgba(37, 37, 49, 0.9);
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 9999;
    position: fixed;
    display: none;
    animation: zooming 1s ease-in-out;
}
.close15{
    position: absolute;
    font-size: 50px;
    color: #fff;
    right: 50px;
    top: 10px;
}
#zoomback16{
    background: rgba(37, 37, 49, 0.9);
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 9999;
    position: fixed;
    display: none;
    animation: zooming 1s ease-in-out;

}
.close16{
    position: absolute;
    font-size: 50px;
    color: #fff;
    right: 50px;
    top: 10px;
}
#zoomback17{
    background: rgba(37, 37, 49, 0.9);
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 9999;
    position: fixed;
    display: none;
    animation: zooming 1s ease-in-out;

}
.close17{
    position: absolute;
    font-size: 50px;
    color: #fff;
    right: 50px;
    top: 10px;
}
#zoomback18{
    background: rgba(37, 37, 49, 0.9);
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 9999;
    position: fixed;
    display: none;
    animation: zooming 1s ease-in-out;

}
.close18{
    position: absolute;
    font-size: 50px;
    color: #fff;
    right: 50px;
    top: 10px;
}
#zoomback19{
    background: rgba(37, 37, 49, 0.9);
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 9999;
    position: fixed;
    animation: zooming 1s ease-in-out;
    display: none;

}
.close19{
    position: absolute;
    font-size: 50px;
    color: #fff;
    right: 50px;
    top: 10px;
}
#zoomback20{
    background: rgba(37, 37, 49, 0.9);
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 9999;
    position: fixed;
    display: none;
    animation: zooming 1s ease-in-out;

}
.close20{
    position: absolute;
    font-size: 50px;
    color: #fff;
    right: 50px;
    top: 10px;
}
#zoomback21{
    background: rgba(37, 37, 49, 0.9);
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 9999;
    position: fixed;
    display: none;

}
.close21{
    position: absolute;
    font-size: 50px;
    color: #fff;
    right: 50px;
    top: 10px;
}
#zoomback22{
    background: rgba(37, 37, 49, 0.9);
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 9999;
    position: fixed;
    display: none;

}
.close22{
    position: absolute;
    font-size: 50px;
    color: #fff;
    right: 50px;
    top: 10px;
}
#zoomback23{
    background: rgba(37, 37, 49, 0.9);
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 9999;
    position: fixed;
    display: none;

}
.close23{
    position: absolute;
    font-size: 50px;
    color: #fff;
    right: 50px;
    top: 10px;
}
#zoomback24{
    background: rgba(37, 37, 49, 0.9);
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 9999;
    position: fixed;
    display: none;

}
.close24{
    position: absolute;
    font-size: 50px;
    color: #fff;
    right: 50px;
    top: 10px;
}
#zoomback25{
    background: rgba(37, 37, 49, 0.9);
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 9999;
    position: fixed;
    display: none;

}
.close25{
    position: absolute;
    font-size: 50px;
    color: #fff;
    right: 50px;
    top: 10px;
}
#zoomback26{
    background: rgba(37, 37, 49, 0.9);
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 9999;
    position: fixed;
    display: none;

}
.close26{
    position: absolute;
    font-size: 50px;
    color: #fff;
    right: 50px;
    top: 10px;
}
#zoomback27{
    background: rgba(37, 37, 49, 0.9);
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 9999;
    position: fixed;
    display: none;

}
.close27{
    position: absolute;
    font-size: 50px;
    color: #fff;
    right: 50px;
    top: 10px;
}
#zoomback28{
    background: rgba(37, 37, 49, 0.9);
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 9999;
    position: fixed;
    display: none;

}
.close28{
    position: absolute;
    font-size: 50px;
    color: #fff;
    right: 50px;
    top: 10px;
}
#zoomback29{
    background: rgba(37, 37, 49, 0.9);
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 9999;
    position: fixed;
    display: none;

}
.close29{
    position: absolute;
    font-size: 50px;
    color: #fff;
    right: 50px;
    top: 10px;
}
#zoomback30{
    background: rgba(37, 37, 49, 0.9);
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 9999;
    position: fixed;
    display: none;

}
.close30{
    position: absolute;
    font-size: 50px;
    color: #fff;
    right: 50px;
    top: 10px;
}
#zoomback31{
    background: rgba(37, 37, 49, 0.9);
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 9999;
    position: fixed;
    display: none;

}
.close31{
    position: absolute;
    font-size: 50px;
    color: #fff;
    right: 50px;
    top: 10px;
}
#zoomback32{
    background: rgba(37, 37, 49, 0.9);
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 9999;
    position: fixed;
    display: none;

}
.close32{
    position: absolute;
    font-size: 50px;
    color: #fff;
    right: 50px;
    top: 10px;
}
#zoomback33{
    background: rgba(37, 37, 49, 0.9);
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 9999;
    position: fixed;
    display: none;

}
.close33{
    position: absolute;
    font-size: 50px;
    color: #fff;
    right: 50px;
    top: 10px;
}
#zoomback34{
    background: rgba(37, 37, 49, 0.9);
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 9999;
    position: fixed;
    display: none;

}
.close34{
    position: absolute;
    font-size: 50px;
    color: #fff;
    right: 50px;
    top: 10px;
}
#zoomback35{
    background: rgba(37, 37, 49, 0.9);
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 9999;
    position: fixed;
    display: none;

}
.close35{
    position: absolute;
    font-size: 50px;
    color: #fff;
    right: 50px;
    top: 10px;
}
#zoomback36{
    background: rgba(37, 37, 49, 0.9);
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 9999;
    position: fixed;
    display: none;

}
.close36{
    position: absolute;
    font-size: 50px;
    color: #fff;
    right: 50px;
    top: 10px;
}
#zoomback37{
    background: rgba(37, 37, 49, 0.9);
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 9999;
    position: fixed;
    display: none;

}
.close37{
    position: absolute;
    font-size: 50px;
    color: #fff;
    right: 50px;
    top: 10px;
}
#zoomback38{
    background: rgba(37, 37, 49, 0.9);
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 9999;
    position: fixed;
    display: none;

}
.close38{
    position: absolute;
    font-size: 50px;
    color: #fff;
    right: 50px;
    top: 10px;
}
#zoomback39{
    background: rgba(37, 37, 49, 0.9);
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 9999;
    position: fixed;
    display: none;

}
.close39{
    position: absolute;
    font-size: 50px;
    color: #fff;
    right: 50px;
    top: 10px;
}
#zoomback40{
    background: rgba(37, 37, 49, 0.9);
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 9999;
    position: fixed;
    display: none;

}
.close40{
    position: absolute;
    font-size: 50px;
    color: #fff;
    right: 50px;
    top: 10px;
}
#zoomback41{
    background: rgba(37, 37, 49, 0.9);
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 9999;
    position: fixed;
    display: none;

}
.close41{
    position: absolute;
    font-size: 50px;
    color: #fff;
    right: 50px;
    top: 10px;
}
#zoomback42{
    background: rgba(37, 37, 49, 0.9);
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 9999;
    position: fixed;
    display: none;

}
.close42{
    position: absolute;
    font-size: 50px;
    color: #fff;
    right: 50px;
    top: 10px;
}
#zoomback43{
    background: rgba(37, 37, 49, 0.9);
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 9999;
    position: fixed;
    display: none;

}
.close43{
    position: absolute;
    font-size: 50px;
    color: #fff;
    right: 50px;
    top: 10px;
}
#zoomback44{
    background: rgba(37, 37, 49, 0.9);
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 9999;
    position: fixed;
    display: none;

}
.close44{
    position: absolute;
    font-size: 50px;
    color: #fff;
    right: 50px;
    top: 10px;
}
#zoomback45{
    background: rgba(37, 37, 49, 0.9);
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 9999;
    position: fixed;
    display: none;

}
.close45{
    position: absolute;
    font-size: 50px;
    color: #fff;
    right: 50px;
    top: 10px;
}
#zoomback46{
    background: rgba(37, 37, 49, 0.9);
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 9999;
    position: fixed;
    display: none;

}
.close46{
    position: absolute;
    font-size: 50px;
    color: #fff;
    right: 50px;
    top: 10px;
}
#zoomback47{
    background: rgba(37, 37, 49, 0.9);
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 9999;
    position: fixed;
    display: none;

}
.close47{
    position: absolute;
    font-size: 50px;
    color: #fff;
    right: 50px;
    top: 10px;
}