html.noscroll, .noscroll body { overflow:hidden; }
#sambox-overlay {
    left: 0;
    min-height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    z-index:1001;
    background-color:#333333;
    background:rgba(0, 0, 0, 0.8);
    height: 100% ;
    width: 100%;
    outline:none;
}
#sambox-overlay-wrapper {
    text-align: center;
    vertical-align: middle;
    width: 100%;
}
#sambox {
    display: inline-block;
    margin: 20px 60px;
    text-align: left;
}
#sambox.tall {
    margin:40px 20px;
}
#sambox-wrapper {
    margin:auto;
    background-color:white;
    position:relative;
}
#sambox-media {
    -moz-user-select: none;
    background-color: #000000;
    height: 100%;
    max-height: 2048px;
    position: relative;
    text-align: center;
    float:left;
    position:relative;
}
#sambox-media .nav { }
#sambox-media .nav a { color:transparent; border: none; outline: none; opacity:0.3; position:absolute; top:50%; height:100px; margin-top:-50px; display:block; background-color:transparent; background-repeat:no-repeat; }
#sambox-media .nav a:hover { opacity:1; }
#sambox-media .nav .nav-prev { left:0px; width:50px; background-image:url('left_arrow.png'); background-position:5% center; }
#sambox-media .nav .nav-next { right:0px; width:50px; background-image:url('right_arrow.png'); background-position:95% center; }

#sambox-title {
    color:white;
    font-weight:bold;
    position:absolute;
    z-index:10;
    left:0;
    right:0;
    bottom:0;
    padding:5px 10px;
    background-color:#333333;
    background:rgba(0, 0, 0, 0.6);
    text-align:center;
}

#sambox-stage {
    cursor: pointer;
    display: block;
    box-sizing:border-box;
    height: 100%;
    max-height: 2048px;
    position: relative;
    text-align: center;
    width: 100%;
    overflow:hidden;
    background:transparent url('loading.gif') scroll no-repeat center center;
}
#sambox-content {
    float:left;
    overflow: hidden;
    position: relative;
    word-wrap: break-word;
    overflow-y: auto;
    overflow-x:hidden;
}
#sambox.wide #sambox-content { width:300px; }
@media screen and (max-width: 640px) {  #sambox.wide #sambox-content { width:40%; }  }
#sambox.tall #sambox-content { height:150px; }

#sambox-content-wrapper {
    padding:10px;
}
#sambox-close {
    position:absolute; top:5px; left:5px;
    display:block;
    height:30px; width:30px;
    background-position:center center;
    background-repeat:no-repeat;
    background-image:url('close.png');
    z-index:10;
}

.clearfix:after {
    clear: both;
    content: ".";
    display: block;
    font-size: 0;
    height: 0;
    line-height: 0;
    visibility: hidden;
}