#abwp-popup{
display:none;
position:fixed;
left:0;
top:0;
width:100%;
height:100%;
z-index:999999;
}

.abwp-overlay{
position:absolute;
width:100%;
height:100%;
background:rgba(0,0,0,.85);
animation:fadeIn .35s ease;
}

.abwp-content{
position:absolute;
top:50%;
left:50%;
transform:translate(-50%,-50%);
animation:popupZoom .45s ease;
}

#abwp-image{
max-width:90vw;
max-height:90vh;
border-radius:10px;
cursor:zoom-in;
box-shadow:0 20px 50px rgba(0,0,0,.35);
}

.abwp-close{
position:absolute;
right:-15px;
top:-15px;
background:#fff;
width:35px;
height:35px;
border-radius:50%;
text-align:center;
line-height:35px;
font-size:22px;
cursor:pointer;
font-weight:bold;
}

@keyframes popupZoom{

0%{
transform:translate(-50%,-45%) scale(.4);
opacity:0;
}

70%{
transform:translate(-50%,-50%) scale(1.05);
opacity:1;
}

100%{
transform:translate(-50%,-50%) scale(1);
opacity:1;
}

}

@keyframes fadeIn{

from{
opacity:0;
}

to{
opacity:1;
}

}

@keyframes popupClose{

0%{
transform:translate(-50%,-50%) scale(1);
opacity:1;
}

100%{
transform:translate(-50%,-45%) scale(.4);
opacity:0;
}

}