@keyframes a{0%{opacity:0}to{opacity:1}}
@keyframes b{0%{transform:scale(.5);opacity:0}to{transform:scale(1);opacity:1}}
@keyframes c{0%{transform:translate(-50%,-50%) rotate(0)}50%{transform:translate(-50%,-50%) rotate(-180deg)}to{transform:translate(-50%,-50%) rotate(-1turn)}}
@keyframes d{0%{transform:scale(1)}10%{transform:scale(1.2) translateX(6px)}25%{transform:scale(1.3) translateX(8px)}40%{transform:scale(1.2) translateX(6px)}50%{transform:scale(1)}60%{transform:scale(.8) translateX(6px)}75%{transform:scale(.7) translateX(8px)}90%{transform:scale(.8) translateX(6px)}to{transform:scale(1)}}
@keyframes e{0%{transform:scale(1)}10%{transform:scale(1.2) translateX(-6px)}25%{transform:scale(1.3) translateX(-8px)}40%{transform:scale(1.2) translateX(-6px)}50%{transform:scale(1)}60%{transform:scale(.8) translateX(-6px)}75%{transform:scale(.7) translateX(-8px)}90%{transform:scale(.8) translateX(-6px)}to{transform:scale(1)}}

.lum-lightbox{background:rgba(0,0,0,.6)}.lum-lightbox-inner{top:2.5%;right:2.5%;bottom:2.5%;left:2.5%}
.lum-lightbox-inner img{position:relative}
.lum-lightbox-inner .lum-lightbox-caption{margin:0 auto;color:#fff;max-width:90%;text-align:center}
.lum-loading .lum-lightbox-loader{display:block;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:66px;height:20px;animation:c 1.8s linear infinite}
.lum-lightbox-loader:after,.lum-lightbox-loader:before{content:"";display:block;width:20px;height:20px;position:absolute;top:50%;margin-top:-10px;border-radius:20px;background:hsla(0,0%,100%,.9)}.lum-lightbox-loader:before{left:0;animation:d 1.8s linear infinite}.lum-lightbox-loader:after{right:0;animation:e 1.8s linear infinite;animation-delay:-.9s}
.lum-lightbox.lum-opening{animation:a .18s ease-out}
.lum-lightbox.lum-opening .lum-lightbox-inner{animation:b .18s ease-out}
.lum-lightbox.lum-closing{animation:a .3s ease-in;animation-direction:reverse}
.lum-lightbox.lum-closing .lum-lightbox-inner{animation:b .3s ease-in;animation-direction:reverse}
.lum-img{transition:opacity .12s ease-out}
.lum-loading .lum-img{opacity:0}
.lum-gallery-button{overflow:hidden;text-indent:150%;white-space:nowrap;background:transparent;border:0;margin:0;padding:0;outline:0;position:absolute;top:50%;transform:translateY(-50%);height:100px;max-height:100%;width:60px;cursor:pointer}
.lum-close-button{position:absolute;right:5px;top:5px;width:32px;height:32px;opacity:.3}
.lum-close-button:hover{opacity:1}
.lum-close-button:after,.lum-close-button:before{position:absolute;left:15px;content:" ";height:33px;width:2px;background-color:#fff}
.lum-close-button:before{transform:rotate(45deg)}
.lum-close-button:after{transform:rotate(-45deg)}
.lum-previous-button{left:12px}
.lum-next-button{right:12px}
.lum-gallery-button:after{
    content:"";display:block;position:absolute;top:50%;width:36px;height:36px;border-top:4px solid hsla(0,0%,100%,.8)
}
.lum-previous-button:after{
    transform:translateY(-50%) rotate(-45deg);border-left:4px solid hsla(0,0%,100%,.8);box-shadow:-2px 0 rgba(0,0,0,.2);left:12%;border-radius:3px 0 0 0}.lum-next-button:after{transform:translateY(-50%) rotate(45deg);border-right:4px solid hsla(0,0%,100%,.8);box-shadow:2px 0 rgba(0,0,0,.2);right:12%;border-radius:0 3px 0 0
    }
@media (min-width:679px){
    .lum-lightbox-image-wrapper{display:flex;overflow:auto;-webkit-overflow-scrolling:touch}
    .lum-lightbox-caption{width:100%;position:absolute;bottom:0}
    .lum-lightbox-position-helper{margin:auto}
    .lum-lightbox-inner img{max-width:100%;max-height:none}
}

.zoom img{
    width:200px;
}

.IllustBox li{
    list-style: none;
    float: left;
    margin:4px;
}


@media (min-width: 769px){
    .img_2in1 .zoom img{
        width: 40% ;
    }
}