#gallery{
    position:relative;
    width:100%;
    height:auto;
    overflow: hidden;
}
#galleryItemContainer{
    position: relative;
    width:100%;
    height:100%;
}
#galleryVideo{
    position: absolute;
    width:100%;
    height:100%;
    top:0px;
    left:0px;
    opacity:0;
}
#galleryBlackCover{
    position: absolute;
    width:100%;
    height:100%;
    top:0px;
    left:0px;
    background-color: black;
    opacity:0;
}
#galleryImage{
    position: absolute;
    display:block;
    width:100%;
    height:100%;
    top:0px;
    left:0px;
    opacity:0;
}
#circlesWrapper{
    position: absolute;
    bottom: 4px;
    height: 20px;
    width: auto;
    overflow: hidden;
    right: 0px;
}
.highlightCircle{
    position: relative;
    float: left;
    width: 15px;
    height: 15px;
    margin-right: 10px;
    border-radius: 10px;
    background-color: #DFDBDB;
}
.highlightCircle:hover{
    cursor:pointer;
    background-color:#737373; 
}
.selectedCircle{
    position: relative;
    float: left;
    width: 15px;
    height: 15px;
    background-color: #737373;
    margin-right: 10px;
    border-radius: 10px;
}