#dialog-photo {width:100%; height:100%; position:fixed; background:rgba(0,0,0,0.8); z-index:1111; display:none;}

#dialog-photo .photo-full-size { -webkit-box-shadow: 0px 2px 8px 2px rgba(0, 0, 0, 0.4); box-shadow: 0px 2px 8px 2px rgba(0, 0, 0, 0.4); }
#dialog-photo .prev, #dialog-photo .next { width:46px; height:46px; position:absolute; top:50%; margin-top:-23px; background-image:url(img/icon-prev-next@2x.png); -webkit-background-size: 184px 46px; background-size: 184px 46px; background-position:42px 42px; background-repeat:no-repeat; cursor:pointer; }
#dialog-photo .prev { background-position:0px; left:20px; }
#dialog-photo .next { background-position:-46px; right:20px; }
#dialog-photo .prev:hover { background-position:-92px; }
#dialog-photo .next:hover { background-position:-138px; }
#dialog-photo .title { color:#FFF; font-size:14px; text-shadow:0 1px #000000; padding:10px; }

#dialog-photo #loading-photo { width:42px; height:42px; z-index:2222; margin-left:-20px; margin-top:-40px; left:50%; top:50%; position:absolute; background:url(img/spinner.png); display:none; }

#dialog-photo .close, #dialog-photo .cl1, #dialog-photo .cl2, #dialog-photo .cl3, #dialog-photo .cl4 { width:16px; height:16px; position:absolute; top:10px; right:10px; background-image:url(img/icon-close@2x.png); -webkit-background-size: 64px 32px; background-size: 64px 32px; background-position:16px 16px; background-repeat:no-repeat; cursor:pointer; }
#dialog-photo .cl1 { background-position:0px 0px; }
#dialog-photo .cl2 { background-position:-16px 0px; }
#dialog-photo .cl3 { background-position:-32px 0px; }
#dialog-photo .cl4 { background-position:-48px 0px; }
#dialog-photo .cl1:hover { background-position:0px -16px; }
#dialog-photo .cl2:hover { background-position:-16px -16px; }
#dialog-photo .cl3:hover { background-position:-32px -16px; }
#dialog-photo .cl4:hover { background-position:-48px -16px; }