/* Default Lightbox CSS */
img[src=""] { visibility: hidden; display: none; }
#albox-overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 100; overflow: hidden; display: none; }
#albox-overlay.light { background: #EEE; }
#albox-overlay.dark { background: #000; background:rgba(0,0,0,0.5) }
#albox-image { position: absolute; display: block; top: 0; left: 0; opacity: 0; visibility: hidden; }
#albox-lightbox { position: fixed; z-index: 101; top: 50%; left: 50%; width: 0; height: 0; display: none; }
#albox-preview { position: absolute; top: 0; left: 0; z-index: 2; }
#albox-transitions { position: absolute; top: 0; left: 0; width: 0; height: 0; -webkit-perspective: 1500px; perspective: 1500px; z-index: 1; }
#albox-next { position: absolute; z-index: 2; left: 0; top: 0; cursor: pointer; }
#albox-prev { position: absolute; z-index: 2; right: 0; top: 0; cursor: pointer; }
#albox-arrow-prev, #albox-arrow-next { position: absolute; left: 50%; top: 50%; width: 60px; height: 113px; margin-top: -57px; background: url(img/albox-ctrls.png) no-repeat; }
.dark #albox-arrow-prev { background-position: right 0 !important; }
.dark #albox-arrow-next { background-position: right -113px !important; }
.light #albox-arrow-prev { background-position: right -226px !important; }
.light #albox-arrow-next{ background-position: right -339px !important; }
#albox-comment { position: fixed; z-index: 103; bottom: 0; width: 100%; text-align: center; display: none; }
#albox-comment span { padding: 5px 10px; font-size: 15px; display: inline-block; }
#albox-comment.light span { background: #333; color: #FFF; }
#albox-comment.dark span { background: #FFF; color: #333; }
#albox-comment.rounded span { border-radius: 5px; }
#albox-preloader { position: fixed; width: 40px; height: 40px; z-index: 104; top: 50%; left: 50%; margin-left: -20px; margin-top: -20px; display: none; }
#albox-preloader.light { background: #333 url(img/albox-preloader-light.gif) no-repeat center center; }
#albox-preloader.dark { background: #fff url(img/albox-preloader-dark.gif) no-repeat center center; }
#albox-preloader.rounded { border-radius: 5px; }

/* Blinds CSS */
.albox-blinds { position: absolute; z-index: 1; -webkit-transform-style: preserve-3d; transform-style: preserve-3d; }
.rounded .albox-blinds:first-child .albox-front img { border-top-left-radius: 10px; border-bottom-left-radius: 10px; }
.rounded .albox-blinds:last-child .albox-front img { border-top-right-radius: 10px; border-bottom-right-radius: 10px; }
.rounded .albox-blinds:first-child .albox-back img { border-top-left-radius: 10px; border-bottom-left-radius: 10px; }
.rounded .albox-blinds:last-child .albox-back img { border-top-right-radius: 10px; border-bottom-right-radius: 10px; }
.albox-blinds img { position: absolute; display: block; top: 0; left: 0; }
.albox-front, .albox-back { position: absolute; left: 0; top: 0; width: 100%; height: 100%; overflow: hidden; -webkit-backface-visibility: hidden; backface-visibility: hidden; }
.albox-front { z-index: 2; }
.albox-back { z-index: 1; }

/* Flip CSS */
.albox-flip { position: absolute; -webkit-transform-style: preserve-3d; transform-style: preserve-3d; width: 0; height: 0; }
.rounded .albox-flip-front, .rounded .albox-flip-back { border-radius: 10px; }
.albox-flip-front, .albox-flip-back { position: absolute; display: block; -webkit-backface-visibility: hidden; backface-visibility: hidden; background:#0c0c0c;}

/* Slide CSS */
.albox-slide { position: absolute; display: block; -webkit-transform-style: preserve-3d; transform-style: preserve-3d; }
.rounded .albox-slide { border-radius: 10px; }
.albox-slide.old { z-index: 1; }
.albox-slide.new { z-index: 2; }

/* Zoom CSS */
.albox-zoom { position: absolute; display: block; -webkit-transform-style: preserve-3d; transform-style: preserve-3d; }
.rounded .albox-zoom { border-radius: 10px; }
.albox-zoom.old { z-index: 1; }
.albox-zoom.new { z-index: 2; }

/* Fall CSS */
.albox-fall { position: absolute; display: block; -webkit-transform-style: preserve-3d; transform-style: preserve-3d; }
.rounded .albox-fall { border-radius: 10px; }
.albox-fall.old { z-index: 1; }
.albox-fall.new { z-index: 2; }

/* Rotate CSS */
.albox-rotate { position: absolute; display: block; -webkit-transform-style: preserve-3d; transform-style: preserve-3d; }
.rounded .albox-rotate { border-radius: 10px; }
.albox-rotate.old { z-index: 2; }
.albox-rotate.new { z-index: 1; }

/* Fade CSS */
.albox-fade { position: absolute; display: block; }
.rounded .albox-fade { border-radius: 10px; }
.albox-fade.old { z-index: 1; }
.albox-fade.new { z-index: 2; }