.smalta-lightbox-wrapper 
{
   background: #333;
   background: rgba(0, 0, 0, .8);
   bottom: 0;
   left: 0;
   padding: 0 100px;
   position: fixed;
   right: 0;
   text-align: center;
   top: 0;
   z-index: 1000000;
}

.smalta-lightbox,
.smalta-lightbox-wrapper .smalta-lightbox-image
{
   cursor: pointer;
}

.smalta-lightbox-wrapper .smalta-lightbox-image
{
   border: 6px solid #fff;
   border-radius: 3px;
   display: none;
   max-width: 100%;
   vertical-align: middle;
}

.smalta-lightbox-wrapper .smalta-lightbox-image.active
{
   display: inline-block;
}

.smalta-lightbox-wrapper .lightbox-error
{
   background: #fff;
   border: 1px solid #b4b4b4;
   border-radius: 10px;
   box-shadow: 0 2px 5px #333;
   height: 80px;
   opacity: .95;
   padding: 20px;
   position: fixed;
   width: 300px;
   z-index: 100;
}

.smalta-lightbox-wrapper .loading
{
   background: #fff url('images/preloader-01.gif') center center no-repeat;
   border: 1px solid #b4b4b4;
   border-radius: 10px;
   box-shadow: 0 2px 5px #333;
   height: 32px;
   opacity: .5;
   padding: 10px;
   position: fixed;
   width: 32px;
   z-index: 10100;
}

.smalta-lightbox-wrapper .arrow
{
   cursor: pointer;
   height: 100px;
   opacity: .5;
   filter: alpha(opacity=50);
   position: fixed;
   width: 82px;
   z-index: 10003;
}

.smalta-lightbox-wrapper .arrow.left
{
   left: 9px;
}

.smalta-lightbox-wrapper .arrow.right
{
   right: 9px;
}

.smalta-lightbox-wrapper .arrow:hover
{
   opacity: 1;
   filter: alpha(opacity=100);
}

.smalta-lightbox-wrapper .arrow.disabled 
{
   display: none;
}

.smalta-lightbox-wrapper .arrow-t, 
.smalta-lightbox-wrapper .arrow-b
{
   background-color: #fff;
   border-radius: 3px;
   height: 6px;
   left: 26px;
   position: relative;
   width: 30px;
}

.smalta-lightbox-wrapper .arrow-t
{
   top: 38px;
}

.smalta-lightbox-wrapper .arrow-b
{
   top: 50px;
}

.smalta-lightbox-wrapper .close
{
   cursor: pointer;
   height: 22px;
   opacity: .5;
   filter: alpha(opacity=50);
   position: fixed;
   right: 39px;
   top: 30px;
   width: 22px;
   z-index: 10003;
}

.smalta-lightbox-wrapper .close:hover 
{
   opacity: 1;
   filter: alpha(opacity=100);
}

.smalta-lightbox-wrapper .close .cw, 
.smalta-lightbox-wrapper .close .ccw
{
   background-color: #fff;
   border-radius: 3px;
   height: 6px;
   position: absolute;
   left: -4px;
   top: 8px;
   width: 30px;
}

.smalta-lightbox-wrapper .cw
{
   transform: rotate(45deg);
   -ms-transform: rotate(45deg);
   /* IE 9 */
    -webkit-transform: rotate(45deg);
   /* Safari and Chrome */
    -o-transform: rotate(45deg);
   /* Opera */
    -moz-transform: rotate(45deg);
/* Firefox */}

.smalta-lightbox-wrapper .ccw
{
   transform: rotate(-45deg);
   -ms-transform: rotate(-45deg);
   /* IE 9 */
    -webkit-transform: rotate(-45deg);
   /* Safari and Chrome */
    -o-transform: rotate(-45deg);
   /* Opera */
    -moz-transform: rotate(-45deg);
/* Firefox */}

.smalta-lightbox-wrapper .close-alt, 
.smalta-lightbox-wrapper .arrow-right-alt, 
.smalta-lightbox-wrapper .arrow-left-alt 
{
   color: #fff;
   display: none;
   font-size: 2.5em;
   line-height: 100%;
}

.ie8 .smalta-lightbox-wrapper .close-alt, 
.ie8 .smalta-lightbox-wrapper .arrow-right-alt, 
.ie8 .smalta-lightbox-wrapper .arrow-left-alt 
{
   display: block;
}

.ie8 .smalta-lightbox-wrapper .cw, 
.ie8 .smalta-lightbox-wrapper .ccw 
{
   display: none;
}
