/**
 * Popup Box Module Pro - Skin: Fancybox-like
 * 
 * @author  Kyo (AKA Yasuhiro Sota)
 * @version 1.0.3
 * @license Commercial License
 * @package catalog
 * @subpackage  catalog.view.theme.default.stylesheet.popup_box.skins
 */

/* Table of Content
==================================================
  #Popup Content Container
  #Close Button
  #Popup Content Heading
  #Popup Content Body


/* #Popup Content Container
================================================== */

.popup-box-skin-fancybox-like {
  position: relative;
  overflow: visible;
  background: #fff;
  padding: 40px;
  margin: 0 auto;
  text-align: center;
  width: auto;
  height: auto;
  max-width: none;
  max-height: none;
  line-height: normal;
/*   -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-shadow: 2px 2px 10px 3px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 2px 2px 10px 3px rgba(0, 0, 0, 0.3);
  box-shadow: 2px 2px 10px 3px rgba(0, 0, 0, 0.3);*/
}


/* #Close Button
================================================== */

.popup-box-skin-fancybox-like .mfp-btn-close {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;  
  outline-style: none;
  width: 28px;
  height: 28px;
  line-height: 28px;
  border: solid 2px #fff;
  position: absolute ;
  top: -10px;
  right: -10px;
  margin: 0;
  padding: 0;
  color: #fff;
  background: rgba(0, 0, 0, .8);
  text-decoration: none;
  text-align: center;
  font-style: normal;
  font-size: 28px;
  font-family: Arial, Baskerville, monospace;    
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, .55);
  -moz-box-shadow: 0 0 3px rgba(0, 0, 0, .55);
  box-shadow: 0 0 3px rgba(0, 0, 0, .55);
}

/* Safari and Chrome */
@media screen and (-webkit-min-device-pixel-ratio:0) {
  
  .popup-box-skin-fancybox-like .mfp-btn-close {
    line-height: 30px;
    text-indent: 1px;
  }
  
  /* Safari only override */
  ::i-block-chrome,.popup-box-skin-fancybox-like .mfp-btn-close {
    line-height: 28px;
    text-indent: 0;
  }
}

/* Any Firefox */
@-moz-document url-prefix() {
  .popup-box-skin-fancybox-like .mfp-btn-close {}
}

/* IE 9 and above */
@media screen and (min-width:0\0) and (min-resolution: +72dpi) {
  .popup-box-skin-fancybox-like .mfp-btn-close {
    line-height: 30px;
    text-indent: 1px;
  }
}

/* Opera 12 */
@media (min-resolution: .001dpcm) {
  _:-o-prefocus, .popup-box-skin-fancybox-like .mfp-btn-close {}
}

.popup-box-skin-fancybox-like .mfp-btn-close:hover,
.popup-box-skin-fancybox-like .mfp-btn-close:focus {
  color: #fff;
  background: rgba(0, 0, 0, 1) !important;
}

.popup-box-skin-fancybox-like .mfp-btn-close:active {
  top: -9px;
}


/* #Popup Content Heading
================================================== */

.popup-box-skin-fancybox-like .popup-box-heading {
  padding: 0;
  margin: 0 0 20px;    
}

.popup-box-skin-fancybox-like .popup-box-heading > h2 {
  padding: 0;
  margin: 0;
  line-height: normal;
  font-size: 26px;    
}


/* #Popup Content Body
================================================== */

.popup-box-skin-fancybox-like .popup-box-body p {
  font-size: 130%;
  line-height: normal;
}