@charset "utf-8";
/* CSS Document */

	
.ms-videobox{ overflow: hidden; display: -webkit-flex; display: flex; flex-wrap: wrap; font-size: 12px; color: #666; text-align: center;}
.ms-videobox-0{ display: block;}
.ms-videobox-1{ display: block; text-align: center;}
.ms-videobox-1 div{margin: auto;}

.ms-videobox-embed{opacity: 0}
.ms-videobox-1 img{ max-width: 75%; height: auto;}
.ms-videobox p{ padding: 4px; flex: 0 1 auto; position: relative;}
.ms-videobox p a{line-height: 1.2; display: block; position: relative;}
.ms-videobox p .fa{position: absolute; top: 32%; left: 40%; font-size: 100px; color: #fff; z-index: 5; opacity: 0.7;}
.ms-videobox li{ padding: 4px; flex: 0 1 auto; position: relative;}
.ms-videobox li a{line-height: 1.2; display: block;}
.ms-videobox li .fa{position: absolute; top: 32%; left: 40%; font-size: 100px; color: #fff; z-index: 5; opacity: 0.7;}
.ms-videobox-1 p .fa{ top: 50%; left: 50%; transform: translate(-50%, -50%);}
.ms-videobox-2 p{ width: 50%; flex: 0 1 50%;}
.ms-videobox-3 p{ width: 33%; flex: 0 1 33%;}
.ms-videobox p a:hover .fa{color: #c00; opacity: 1;}	
	
/*
    Colorbox Core Style:
    The following CSS is consistent between example themes and should not be altered.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:fixed; top:0; left:0; z-index:199999; overflow:hidden; -webkit-transform: translate3d(0,0,0); max-width: 100% !important; }
#cboxWrapper {max-width:none;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
@media(max-height:800px){
	#cboxOverlay{position:fixed; width:100%; height:100%; max-width: 100wh !important;}
}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto; -webkit-overflow-scrolling: touch;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:8px solid #fff; display:block; max-width:100%; -ms-interpolation-mode:bicubic; border:4px solid #fff; }
.cboxIframe{width:100%; height:100%; display:block; border:0; padding:0; margin:0;}
#colorbox, #cboxContent, #cboxLoadedContent{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 Colorbox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay{background:#000; opacity: 0.9; filter: alpha(opacity = 90);}
#colorbox{outline:0;}
#cboxContent{margin:20px 0;background:#000; max-width: 100%;}
.cboxIframe{background:#fff;}
#cboxError{padding:50px; border:1px solid #ccc;}
#cboxLoadedContent{border:5px solid #000; background:#000; max-width: 100%;  /*height: auto!important;*/}
#cboxTitle{position:absolute; top:-20px; left:0; color:#ccc;font-size:12px;}
#cboxCurrent{position:absolute; top:auto; bottom:-20px; right:0px; color:#ccc;}
#cboxLoadingGraphic{background:url(../images/loading.gif) no-repeat center center;}

/* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */
#cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose {border:0; padding:0; margin:0; overflow:visible; width:auto; background:none; }

/* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */
#cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active {outline:0;}

#cboxSlideshow{position:absolute; top:-20px; right:90px; color:#fff;}
#cboxPrevious{position:absolute; top:50%; left:0px; margin-top:-32px; background:url(../images/controls2.png) no-repeat top left; width:28px; height:65px; text-indent:-9999px;}
#cboxPrevious:hover{background-position:bottom left;}
#cboxNext{position:absolute; top:50%; right:0px; margin-top:-32px; background:url(../images/controls2.png) no-repeat top right; width:28px; height:65px; text-indent:-9999px;}
#cboxNext:hover{background-position:bottom right;}
#cboxClose{position:absolute; top:3px; right:3px; display:block; background:url(../images/controls2.png) no-repeat top center; width:38px; height:19px; text-indent:-9999px;}
#cboxClose:hover{background-position:bottom center;}