.cz-popup-area {font-size: 18px;}
.cz-popup-area h2{width:0px;height:0px;line-height:0;border:none;position:absolute;top:0;left:0;font-size:0;overflow:hidden}
.cz-popup-area .cz-popup-slide{position:absolute;top:135px;left:10px;right:0;z-index:30000;width:450px;max-width:calc(100% - 30em);background:#fff;box-shadow:0px 0px 0 1px #222}
.cz-popup-area .cz-popup-slide .item{font-size:0}
.cz-popup-area .cz-popup-slide .item:focus{outline:none}
.cz-popup-area .cz-popup-slide .item img{display:block}
.cz-popup-area .cz-popup-slide .popup-slide-control{position:absolute;top:0.5em;right:0.5em;background:rgba(255,255,255,0.7);border-radius:0.3em}
.cz-popup-area .cz-popup-slide .popup-slide-control .arrow{display:inline-block;width:1em;text-align:center;vertical-align:middle;font-size:1.5em;color:#333;background:none;border:none;}
.cz-popup-area .cz-popup-slide .popup-slide-control .page{display:inline-block;vertical-align:middle;font-size:0.7em;font-weight:500;padding:0 0.5em;color:#333}
.cz-popup-area .cz-popup-basic .item{position:absolute;max-width:100%;box-shadow:0px 0px 0 1px #222}
.cz-popup-area .cz-popup-basic .item img{display:block}
.cz-popup-area .cz-popup-basic .item-inner{font-size:0}
.cz-popup-area .popup-footer{overflow:hidden;background:#fff}
.cz-popup-area .popup-footer button{display:block;float:left;height:2.2em;line-height:2.2em;padding:0 0.5em;background:none;font-size:0.75em;font-weight:400}
.cz-popup-area .popup-footer .reject{width:80%;text-align:left;color:#222;border:none;}
.cz-popup-area .popup-footer .close{width:20%;background:#222;color:#fff;border:none;}

@media only screen and (max-width: 1200px){
    .cz-popup-area {font-size: 16px; position: absolute; left: 0; top: 90px; width: 100%; padding: 0 10px;}
    .cz-popup-area .cz-popup-slide{position: relative; top:auto !important;left:auto !important;max-width: 100% !important;}
    .cz-popup-area .cz-popup-basic .item{position: relative; top:auto !important;left:auto !important;max-width:100% !important;}
}