﻿/*
 * SOLU 4 Lightbox CSS
 */

#lightbox-overlay				{ display: none; background: #000; position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 9900; }
#lightbox-body				{ display: none; position: fixed; left: 49%; top: 49%; background: #fff; z-index: 9902; padding: 10px; }

#lightbox-imageconstraint		{ position: relative; }
#lightbox-imageconstraint a	{ display: none; }
#lightbox-imageconstraint:hover a { display: block; }
#lightbox-imageconstraint a._hide { display: none !important; }

#lightbox-goleft,
#lightbox-goright				{ position: absolute; background-repeat: no-repeat; height: 100%; width: 40%; top: 0; }

#lightbox-goleft				{ left: 0; background-image: url("/includes/images/arrow_left.png"); background-position: 10% center; }
#lightbox-goleft:hover		{}

#lightbox-goright				{ right: 0; background-image: url("/includes/images/arrow_right.png"); background-position: 90% center; }
#lightbox-goright:hover		{}

#lightbox-closebutton			{ position: absolute; right: -42px; top: -42px; width: 46px; height: 46px; background: url("/includes/images/close.png") no-repeat center center; }

#lightbox-content				{ padding-top: 10px; text-align: left; }
#lightbox-content .image-name	{ font-weight: bold; }

/* Eyecandy */
#lightbox-body				{ border-radius: 10px; box-shadow: 0 8px 20px #333; }
#lightbox-overlay				{ opacity: 0.5; filter: alpha(opacity=50); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; }
