/* Darkbox */
.darkbox-frame {
    position:fixed;
    top:0;
    left:0;
    display:none;
    overflow:hidden;
    width:100%;
    height:100%;
    z-index:999;
}
.darkbox-frame-on {
    display:block;
   }
 
/* Shadow */
.darkbox-shadow {
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background:#000;
    opacity:0;
}
 
/* Canvas */
.darkbox-canvas {
    position:absolute;
    top:50%;
    left:50%;
    overflow:hidden;
    margin:-40px 0 0 -40px;
    width:80px;
    height:80px;
    background:#000 url(../images/darkbox/spinner.gif) 50% 50% no-repeat;
    opacity:.5;
   }
   .darkbox-canvas img {
        display:block;
        visibility:hidden;
        }
.darkbox-canvas-load {
    background-image:none;
    }
.darkbox-canvas-done {
    overflow:visible;
    opacity:1;
	background:#fff;
    border:5px solid #636363;

    }
    .darkbox-canvas-done img {
        visibility:visible;
        opacity:0;
        }
 
/* Button */
.darkbox-button {
    position:absolute;
    top:-13px;
    display:none;
    width:31px;
    height:31px;
    background:url(../images/darkbox/lightbox-btn-close.png) no-repeat;
    cursor:pointer;
    z-index:1;
    }
.darkbox-button-on {
   display:block;
    }
.darkbox-button-left {
    left:-16px;
    }
.darkbox-button-right {
    right:-16px;
    }