/*
    Normcolorbox Core Style:
    The following CSS is consistent between example themes and should not be altered.
*/
#Normcolorbox, #NormcboxOverlay, #NormcboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#NormcboxWrapper {max-width:none;}
#NormcboxOverlay{position:fixed; width:100%; height:100%;}
#NormcboxMiddleLeft, #NormcboxBottomLeft{clear:left;}
#NormcboxContent{position:relative;}
#NormcboxLoadedContent{overflow:auto; -webkit-overflow-scrolling: touch;}
#NormcboxTitle{margin:0;}
#NormcboxLoadingOverlay, #NormcboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;}
#NormcboxPrevious, #NormcboxNext, #NormcboxClose, #NormcboxSlideshow{cursor:pointer;}
.NormcboxPhoto{float:left; margin:auto; border:0; display:block; max-width:none; -ms-interpolation-mode:bicubic;}
.NormcboxIframe{width:100%; height:100%; display:block; border:0; padding:0; margin:0;}
#Normcolorbox, #NormcboxContent, #NormcboxLoadedContent{box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box;}

/* 
    User Style:
    Change the following styles to modify the appearance of Normcolorbox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#NormcboxOverlay{background:rgba(255,255,255,0.7); opacity: 0.9; filter: alpha(opacity = 90);}
#Normcolorbox{outline:0;}
    #NormcboxTopLeft{width:0;height:0;}
    #NormcboxTopRight{width:0;height:0;}
    #NormcboxBottomLeft{width:0;height:0;}
    #NormcboxBottomRight{width:0;height:0;}
    #NormcboxMiddleLeft{width:0;height:0;}
    #NormcboxMiddleRight{width:0;height:0;}
    #NormcboxTopCenter{width:0;height:0;}
    #NormcboxBottomCenter{width:0;height:0;}
    #NormcboxContent{background:rgba(255,255,255,0.98); overflow:hidden;}
        .NormcboxIframe{background:#fff;}
        #NormcboxError{padding:50px; border:1px solid #ccc;}
        #NormcboxLoadedContent{margin-bottom:28px;}
        #NormcboxTitle{position:absolute; bottom:4px; left:0; text-align:center; width:100%; color:#949494;}
        #NormcboxCurrent{position:absolute; bottom:20px; left:110px; color:#949494;}
        #NormcboxLoadingOverlay{}
        #NormcboxLoadingGraphic{}

        /* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */
        #NormcboxPrevious, #NormcboxNext, #NormcboxSlideshow, #NormcboxClose {border:0; padding:0; margin:0; overflow:visible; width:auto; background:none; }
        
        /* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */
        #NormcboxPrevious:active, #NormcboxNext:active, #NormcboxSlideshow:active, #NormcboxClose:active {outline:0;}

        #NormcboxSlideshow{position:absolute; bottom:4px; right:30px; color:#0092ef;}
        #NormcboxPrevious{
            position:absolute;
            bottom:10px;
            left:10px;
            background:url(/images/svg_79.svg) center center no-repeat rgba(0,0,0,0.3);
            background-size:90%;
            background-size:90%;
            width:40px;
            height:40px;
            border-radius: 50px;
            text-indent:-9999px;
        }
        #NormcboxPrevious:hover{opacity:0.6;}
        #NormcboxNext{
            position:absolute;
            bottom:10px;
            left:60px;
            background:url(/images/svg_80.svg) center center no-repeat rgba(0,0,0,0.3);
            background-size:90%;
            background-size:90%;
            width:40px;
            height:40px;
            border-radius: 50px;
            text-indent:-9999px;
        }
        #NormcboxNext:hover{opacity:0.6;}
        #NormcboxClose{
            position:absolute;
            bottom:10px;
            right:10px;
            background:url(/images/svg_81.svg) center center no-repeat rgba(0,0,0,0.3);
            background-size:90%;
            background-size:90%;
            width:40px;
            height:40px;
            border-radius: 50px;
            text-indent:-9999px;
        }
        #NormcboxClose:hover{opacity:0.6;}



/*PC版*/

@media (min-width: 768px) {
    
#NormcboxOverlay{background:rgba(255,255,255,0.7); opacity: 0.9; filter: alpha(opacity = 90);}
#Normcolorbox{outline:0;}
    #NormcboxTopLeft{width:0;height:0;}
    #NormcboxTopRight{width:0;height:0;}
    #NormcboxBottomLeft{width:0;height:0;}
    #NormcboxBottomRight{width:0;height:0;}
    #NormcboxMiddleLeft{width:0;height:0;}
    #NormcboxMiddleRight{width:0;height:0;}
    #NormcboxTopCenter{width:0;height:0;}
    #NormcboxBottomCenter{width:0;height:0;}
    #NormcboxContent{background:rgba(255,255,255,0.98); overflow:hidden;}
        .NormcboxIframe{background:#fff;}
        #NormcboxError{padding:50px; border:1px solid #ccc;}
        #NormcboxLoadedContent{margin-bottom:40px;padding: 30px;}
        #NormcboxTitle{position:absolute; bottom:4px; left:0; text-align:center; width:100%; color:#949494;}
        #NormcboxCurrent{position:absolute; bottom:20px; left:110px; color:#949494;}
        #NormcboxLoadingOverlay{}
        #NormcboxLoadingGraphic{}

        /* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */
        #NormcboxPrevious, #NormcboxNext, #NormcboxSlideshow, #NormcboxClose {border:0; padding:0; margin:0; overflow:visible; width:auto; background:none; }
        
        /* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */
        #NormcboxPrevious:active, #NormcboxNext:active, #NormcboxSlideshow:active, #NormcboxClose:active {outline:0;}

        #NormcboxSlideshow{position:absolute; bottom:4px; right:30px; color:#0092ef;}
        #NormcboxPrevious{
            position:absolute;
            bottom:10px;
            left:10px;
            background:url(/images/svg_79.svg) center center no-repeat rgba(255,255,255,0.6);
            background-size:90%;
            width:40px;
            height:40px;
            border-radius: 50px;
            text-indent:-9999px;
        }
        #NormcboxPrevious:hover{opacity:0.6;}
        #NormcboxNext{
            position:absolute;
            bottom:10px;
            left:60px;
            background:url(/images/svg_80.svg) center center no-repeat rgba(0,0,0,0.3);
            background-size:90%;
            width:40px;
            height:40px;
            border-radius: 50px;
            text-indent:-9999px;
        }
        #NormcboxNext:hover{opacity:0.6;}
        #NormcboxClose{
            position:absolute;
            bottom:10px;
            right:10px;
            background:url(/images/svg_81.svg) center center no-repeat rgba(0,0,0,0.3);
            background-size:90%;
            width:40px;
            height:40px;
            border-radius: 50px;
            text-indent:-9999px;
        }
        #NormcboxClose:hover{opacity:0.6;}


}



/*
  The following fixes a problem where IE7 and IE8 replace a PNG's alpha transparency with a black fill
  when an alpha filter (opacity change) is set on the element or ancestor element.  This style is not applied to or needed in IE9.
  See: http://jacklmoore.com/notes/ie-transparency-problems/
*/
.NormcboxIE #NormcboxTopLeft,
.NormcboxIE #NormcboxTopCenter,
.NormcboxIE #NormcboxTopRight,
.NormcboxIE #NormcboxBottomLeft,
.NormcboxIE #NormcboxBottomCenter,
.NormcboxIE #NormcboxBottomRight,
.NormcboxIE #NormcboxMiddleLeft,
.NormcboxIE #NormcboxMiddleRight {
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF);
}