@charset "utf-8";

/* OVERLAY BOX */
#overlayBox {
    position: fixed;
    z-index: 19999;
    left: 0;
    top: 0;
    text-align: center;
    overflow: hidden;
    display: none;
}
#overlayBoxMask {
    position: absolute;
    z-index: 20000;
    left: 0;
    top: 0;
    background-color: #000;
    filter: alpha(opacity=50);
    opacity: 0.5;
}
#overlayBoxDialog {
    position: relative;
    z-index: 20002;
    top: 80px;
    background-color: #fff;
    width: 720px;
    height: 600px;
    margin: 0 auto;
    text-align: left;

    -moz-box-sizing:border-box;
    box-sizing:border-box;
    -webkit-box-sizing:border-box;
    -moz-border-radius:5px;
    -khtml-border-radius:5px;
    -webkit-border-radius:5px;
    border-radius:5px;

    -moz-box-shadow:#000 0 2px 6px;
    -webkit-box-shadow:#000 0 2px 6px;
    -khtml-box-shadow:#000 0 2px 6px;
    box-shadow:#000 0 2px 6px;
}
#overlayBoxDialog iframe {
    -moz-box-sizing:border-box;
    box-sizing:border-box;
    -webkit-box-sizing:border-box;
    -moz-border-radius:5px;
    -khtml-border-radius:5px;
    -webkit-border-radius:5px;
    border-radius:5px;
}
#overlayBoxDialog ul {
    position: absolute;
    right: -16px;
    top: -16px;
    list-style-type: none;
}
#overlayBoxImage {
    position: absolute;
    z-index: 20001;
    left: 0;
    top: 0;
    overflow: auto;
    text-align: center;
}
    #overlayBoxImage div.image-mask {
        position: absolute;
        left: 0;
        top: 0;
    }
    #overlayBoxImage div.image {
        position: relative;
        padding: 50px 0;
    }
    #overlayBoxImage div.sclbox {
        position: relative;
        margin: 0 auto;
        width: auto;
    }
        #overlayBoxImage div.sclbox img {
            cursor: pointer;
        }
        #overlayBoxImage div.sclbox p.cap {
            padding: 16px 0 12px 0;
            font-size: 11px;
            /*\*/
            *font-size: 90%;
            /**/
            color: #fff;
            text-shadow: #000 0 1px 1px;
            font-weight: bold;
        }
    #overlayBoxImage ul {
        position: absolute;
        left: 0;
        top: 0;
    }
        #overlayBoxImage ul li {
            position: absolute;
        }
        #overlayBoxImage ul li.prev {
            left: -31px;
        }
        #overlayBoxImage ul li.next {
            right: -31px;
        }
        #overlayBoxImage ul li.overlaybox-close {
            position: absolute;
            right: -21px;
            top: -21px;
        }
            #overlayBoxImage ul li * {
                cursor: pointer;
            }
        #overlayBoxImage ul li img.dead {
            filter: alpha(opacity=50);
            opacity: 0.5;
            cursor: default;
        }