.gallery {overflow:hidden;}
.gallery a {float:left; display:block; margin:0px 4px 9px 4px; position:relative; overflow:hidden; width:355px; border:1px solid #ccc;}
.gallery a span.lupa {height:355px; width:355px; display:block; position:absolute; top:-455px; background:url(/images/before-after/lupa.png) center no-repeat #0006; color:#fff; text-align:center; font-size:24px; text-transform:uppercase; font-weight:bold; padding-top:90px;}
.gallery a:hover span.lupa {top:0px;}
.gallery a img {margin:0px auto; padding:0px; border:0px; display:block; max-width:100%;}

.res1810 .gallery a {margin:0px 12px 15px 13px; width:auto;}
.res1810 .gallery a span.lupa {height:563px; width:563px; top:-700px; background:url(/images/before-after/lupa-1810.png) center no-repeat #0006; padding-top:120px; font-size:40px;}
.res1810 .gallery a:hover span.lupa {top:0px;}

.res940 .gallery {width:896px;margin:0px auto;}
.res940 .gallery a {margin:0px 9px 15px 9px; width:278px;}
.res940 .gallery a span.lupa {height:278px; width:278px; top:-378px;}
.res940 .gallery a:hover span.lupa {top:0px; padding-top:50px;}

.res720 .gallery {width:680px;margin:0px auto;}
.res720 .gallery a {margin:0px 9px 15px 9px; width:320px;}
.res720 .gallery a span.lupa {height:320px; width:320px; top:-430px;}
.res720 .gallery a:hover span.lupa {top:0px;}

.res480 .gallery {width:440px;margin:0px auto;}
.res480 .gallery a {margin:0px 0px 20px 0px; width:440px;}
.res480 .gallery a span.lupa {height:350px; width:440px; top:-550px;}
.res480 .gallery a:hover span.lupa {top:0px; padding-top:140px;}

.res320 .gallery {width:300px;margin:0px auto;}
.res320 .gallery a {margin:0px 0px 20px 0px; width:300px;}
.res320 .gallery a span.lupa {height:300px; width:300px; top:-400px;}
.res320 .gallery a:hover span.lupa {top:0px;}