#displayerOverlay{
    position:fixed;
    top:0;
    left:0;
    bottom:0;
    right:0;
    background: url(../img/overlay.png);
    background:rgba(0,0,0, .7);
    z-index:10000;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
#displayerLoading{
    position: absolute;
    top: 50%;
    left: 50%;
    width: 40px;
    height: 40px;
    margin-top: -20px;
    margin-left: -20px;
    background: #000 url(../img/loading.gif) center center no-repeat;
    z-index: 100000;
    border-top-left-radius:5px;
    border-top-right-radius:5px;
    border-bottom-left-radius:5px;
    border-bottom-right-radius:5px;
    -moz-border-top-left-radius:5px;
    -moz-border-top-right-radius:5px;
    -moz-border-bottom-left-radius:5px;
    -moz-border-bottom-right-radius:5px;
    -webkit-border-top-left-radius:5px;
    -webkit-border-top-right-radius:5px;
    -webkit-border-bottom-left-radius:5px;
    -webkit-border-bottom-right-radius:5px;
    box-shadow:0 0 20px #000;
     -moz-box-shadow: 0 0 20px #000;
    -webkit-box-shadow: 0 0 20px #000;
}
#displayerWrapper{
    position:absolute;
    background-color: #000;
    box-shadow:0 0 20px #000;
     -moz-box-shadow: 0 0 20px #000;
    -webkit-box-shadow: 0 0 20px #000;
    display:table;
    table-layout:fixed;
    z-index:11000;
}
#displayerContent{
    display:table-cell;
    vertical-align: middle;
    overflow:hidden;
    width:100%;
    height:100%;
}
#displayerArrowLeft{
    position:absolute;
    top:0;
    left:0;
    bottom:0;
    width:30%;
    cursor:pointer;
    z-index: 120000;
    display:block;
    background: url(../img/arrow-left-dark.png) center left no-repeat;
}
#displayerArrowLeft:hover{
    background: url(../img/arrow-left-light.png) center left no-repeat;   
}
#displayerArrowRight{
    position:absolute;
    top:0;
    right:0;
    bottom:0;
    width:70%;
    cursor:pointer;
    z-index: 120000;
    display:block;
    background: url(../img/arrow-right-dark.png) center right no-repeat;
}
#displayerArrowRight:hover{
    background: url(../img/arrow-right-light.png) center right no-repeat;
}
#displayerCaptionContainer{
    position:absolute;
    bottom:0;
    left:0;
    right:0;
    height:12px;
    background: url(../img/overlay.png);
    background:rgba(0,0,0, .7);
    z-index:12000;
    font-size:12px;
    color: #fff;
    padding:14px;
    font-family: Helvetica, Arial, Sans-Serif;
    text-shadow: 1px 1px 1px rgba(0,0,0,.75);
    font-weight: bold;
    display:block;
}
#displayerCaptionTitle{
    float:left;
}
#displayerCaptionPosition{
    float:right;
}
#displayerPhoto{
    z-index:10000;
    margin: 0 auto;
    display:block;
    width:auto;
    height:auto;
    max-width:100%;
    max-height:100%;
}