/*
    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:hidden;-webkit-transform:translate3d(0,0,0)}
#cboxWrapper{
  position: relative;
  width: 250px;
  height: 300px;
  margin: 0 auto;
    padding: 50px 0 0;
  *zoom: 1;}
#cboxOverlay{position:fixed;width:100%;height:100%}
#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{
    display: block;
    height: auto;
    max-width: 250px;
    min-width: 250px;
    width: 250px;
    max-height: 190px;
    min-height: 190px;
    height: 190px;}
.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.7;filter:alpha(opacity = 90)}
#colorbox{
    position: absolute;
    left: 0;
    width: 100%;
    z-index: 10000;
    text-align: center;
    line-height: 0;
    font-weight: normal;}
#cboxTopLeft{width:21px;height:21px;background:url(images/controls.png) no-repeat -101px 0}
#cboxTopRight{width:21px;height:21px;background:url(images/controls.png) no-repeat -130px 0}
#cboxBottomLeft{width:21px;height:21px;background:url(images/controls.png) no-repeat -101px -29px}
#cboxBottomRight{width:21px;height:21px;background:url(images/controls.png) no-repeat -130px -29px}
#cboxMiddleLeft{width:35px;background:url(images/controls.png) left top repeat-y}
#cboxMiddleRight{width:35px;background:url(images/controls.png) right top repeat-y}
#cboxTopCenter{height:21px;background:url(images/border.png) 0 0 repeat-x}
#cboxBottomCenter{height:21px;background:url(images/border.png) 0 -29px repeat-x}
#cboxContent{
    margin-bottom: 0;
    padding-bottom: 65px;
}
.cboxIframe{background:#fff}
#cboxError{padding:50px;border:1px solid #ccc}
#cboxLoadedContent{
    
}
#cboxTitle{font-family:"游明朝",YuMincho,"ヒラギノ明朝 ProN W3","Hiragino Mincho ProN","HG明朝E","メイリオ",Meiryo,"ＭＳ Ｐ明朝","ＭＳ 明朝",serif;
    
    margin: 2% 0 0;
    width: 100%;
    color: #ffffff;
    font-size: 3.4vw;
    line-height: 1.4;
    text-align: left;}
#cboxCurrent{position:absolute;bottom:4px;left:58px;color:#949494;display:none!important}
#cboxLoadingOverlay{background:url(images/loading_background.png) no-repeat center center}
#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;bottom:4px;right:30px;color:#0092ef}
#cboxPrevious{position:absolute;top:calc(50% - (35px/2));left:-35px;background:url(../img/product/pre.png) no-repeat;
    background-size: contain;width:35px;height:35px;text-indent:-9999px}
#cboxNext{position:absolute;top:calc(50% - (35px/2));right:-35px;background:url(../img/product/next.png) no-repeat;
    background-size: contain;width:35px;height:35px;text-indent:-9999px}
#cboxClose{position:absolute;
    top: -45px;
    right: -35px;
    background:url(../img/product/close.png) no-repeat;
    background-size: contain;width:94px;height:35px;text-indent:-9999px;z-index:9999}
/*
  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/
*/
.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)}