.popup {position:absolute; top:100px; left:50%; z-index:999; box-shadow: 0 20px 30px 0 rgba(0, 0, 0, 0), 0 20px 30px 0 rgba(0, 0, 0, 0); width:600px; margin-left:-300px;}

.popup50 {width:1000px; margin-left:-500px;}

.popup a img {width:calc(100% - 10px); display:block; float:left; border-radius:10px; margin-bottom:0px; margin-top:0px; margin:0px;}

.popup50 a img {width:calc(50% - 10px); display:block; float:left; border-radius:10px; margin-bottom:0px; margin-top:0px; margin:0px;}

.popup img:first-child {margin-top:0px;}
.popup a:nth-child(1) img {border-radius:10px}
.popup section button {position:absolute; color:#ffffff; font-size:14px; font-weight:500; bottom:-30px;}
.popup section button i {margin-right:5px; color:#ffffff; font-size:14px;}
.popup section button:nth-child(1) {right:100px}
.popup section button:nth-child(2) {right:10px}
.popupbg {width:100%; height:100%; top:0px; left:0px; background:rgba(0,0,0,0.3); position:fixed; z-index:998;}


@media ( max-width: 1100px ) {
.popup {position:absolute; top:50px; left:15%; z-index:999; box-shadow: 0 20px 30px 0 rgba(0, 0, 0, 0.2), 0 20px 30px 0 rgba(0, 0, 0, 0.1); width:70%; margin-left:0px;}
.popup a img {width:100%; display:block; float:left; margin:0px; margin-bottom:10px;}
.popup a:nth-child(1) img {border-radius:10px}
.popup button {position:absolute; color:#ffffff; font-size:14px; font-weight:500; bottom:-30px;}
.popup button i {margin-right:5px; color:#ffffff; font-size:14px;}
.popup button:nth-child(2) {right:70px}
.popup button:nth-child(3) {right:0px}

}