/*
    ColorBox Core Style:
    The following CSS is consistent between example themes and should not be altered.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:;}
#cboxTitle{margin:0; display:none;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{ position:absolute; cursor:pointer; z-index:2;}
.cboxPhoto{float:left; margin:auto; border:0; display:block;}
.cboxIframe{width:100%; height:100%; display:block; border:0;}

/* 
    User Style:
    Change the following styles to modify the appearance of ColorBox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay { background:rgba(0,102,102,9.5); overflow:hidden;}
#colorbox{overflow:; box-shadow:0 0 10px rgba(0,0,0,0.3); margin-top:30px;}
    #cboxTopLeft, #cboxTopRight, #cboxBottomLeft, #cboxBottomRight, #cboxMiddleLeft, #cboxMiddleRight, #cboxTopCenter, #cboxBottomCenter {display:none;}
    #cboxContent{ background:#00827e; overflow:;}
        #cboxError{overflow:;}
        #cboxLoadedContent{overflow:;}
        #cboxTitle{position:absolute; top:4px; left:0; text-align:center; width:100%; color:#FFF; display:none;}
        #cboxCurrent{position:absolute; top:4px; left:58px; color:#949494;}
        #cboxSlideshow{position:absolute; top:4px; right:30px; color:#0092ef;}
        #cboxPrevious{position:absolute; top:0; left:0; background:url(../imagens/controls.png) no-repeat -75px 0; width:25px; height:25px; }
        #cboxPrevious.hover{background-position:-75px -25px;}
        #cboxNext{position:absolute; top:0; left:27px; background:url(../imagens/controls.png) no-repeat -50px 0; width:25px; height:25px; }
        #cboxNext.hover{background-position:-50px -25px;}
        #cboxLoadingOverlay{}
        #cboxLoadingGraphic{}
        #cboxClose{position:absolute; top:-45px; right:0; background:#00827e; color:white; width:auto; height:27px; z-index:5; text-align:center; line-height:25px; font-size:16px; border:none; font-family: 'UniversLTStd-Cn'; transition:0.3s;}
        #cboxClose:hover{background:#fff; color:#00827e;}

/*
  The following fixes a problem where IE7+ replaces a PNG's alpha transparency with a black fill
  when an alpha filter (opacity change) is set on the element or ancestor element.
*/
.cboxIE #cboxTopLeft,
.cboxIE #cboxTopCenter,
.cboxIE #cboxTopRight,
.cboxIE #cboxBottomLeft,
.cboxIE #cboxBottomCenter,
.cboxIE #cboxBottomRight,
.cboxIE #cboxMiddleLeft,
.cboxIE #cboxMiddleRight {
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF);
}

