@charset "UTF-8";

#quickview{
  /*position:absolute;*/
  position: fixed;
  top:0px;
  left:0px;
  width:100%;
  height:100%;
  background: rgba(0, 0, 0, 0.6);
  z-index: 99999;
  overflow: auto;
  opacity:0.0;
  transition: all 300ms 0ms ease;
}

#quickview .status-icons{
  margin:0px;
  padding:0px;
}

#quickview-prev, #quickview-next{
  position: relative;
  top:50%;
  margin-top:-50px;
}

#quickview-close{
  position: absolute;
  right:15px;
  top:10px;
}

#quickview-prev{
  float:left;
  margin-left:20px;
}

#quickview-next{
  float:right;
  margin-right:20px;
}

#quickview.showed{
  opacity: 1.0;
}

#quickview-contents{
  width:1020px;
  background:#ffffff;
  margin:auto;
  margin-top:20px;
  padding:20px 40px;
  overflow: auto;
  opacity: 0.5;
  transform: scale(0.5, 0.5);
  transition: all 300ms 0ms ease;
  position: relative;
}

#quickview.showed #quickview-contents{
  opacity: 1.0;
  transform: scale(1.0, 1.0);
}

#quickview-item-photo{
  float:left;
  width:442px;
}

#quickview-item-photo > div{
  background: #ffffff;
  width:442px;
  height:530px;
  position: relative;
}

#quickview-item-main-image{
  margin:0px;
  padding:0px;
  position:absolute;
  top:0px;
  left:0px;
}

#quickview-item-main-image img{
  width: 442px;
  height:530px;
}

#quickview-item-photo div{
  padding-top:1px;
}

#quickview-item-photo div > ul{
  overflow: hidden;
  position:relative;
  margin:0px;
  padding:0px;
  z-index:10;
  margin-top:245px;
}

#quickview-item-photo div > ul li:first-child{
  float:left;
  margin-left:10px;
}

#quickview-item-photo div > ul li:last-child{
  float:right;
  margin-right:10px;
}

#quickview-item-meta{
  float:right;
  width:545px;
}

#quickview-item-info{
  overflow: hidden;
}

.quickview-new{
  margin:0px;
  font-size:14px;
  color:#969696;
}

#quickview-item-meta h2, #quickview-item-text h2{
  font-weight: normal;
  font-size:20px;
  margin-top:10px;
  text-align: left;
  letter-spacing: 0
}

#quickview-item-text h2{
  font-weight: bold;
  margin-bottom:30px;
}

#quickview-section-item-info h3{
  font-size:16px;
  border-bottom:1px solid #C8C8C8;
  padding-bottom:10px;
  margin-bottom:0px;
  margin-top:20px;
  font-weight: bold;
}

.price{
  font-family: "游明朝体", "Yu Mincho", YuMincho, Garamond,Baskerville,Baskerville Old Face,Hoefler Text,Times New Roman,serif;
  font-size:14px;
}

.price span{
  font-size:42px;
  margin-right:20px;
  display:inline-block;
  font-family: Garamond,Baskerville,Baskerville Old Face,Hoefler Text,Times New Roman,serif;
}

.down-price span{
  font-size:20px;
  margin-right:10px;
  display:inline-block;
  font-family: Garamond,Baskerville,Baskerville Old Face,Hoefler Text,Times New Roman,serif;
}

.price span:last-child{
  font-size:42px;
  margin-right:0px;
}

#quickview-color-list{
  overflow: hidden;
  margin:15px 0px;
  padding:0px;
}

#quickview-color-list li{
  float:left;
  margin-right:20px;
  font-size:12px;

}

#quickview-color-list li img{
  width:90px;
  height:108px;
  box-sizing:border-box;
}

#quickview-color-list li.selected img{
  border:2px solid #006450;
}

#quickview-size-list table{
  width:100%;
  position:relative;
}
#quickview-size-list table tr{
  border-bottom:1px solid #C8C8C8;
}

#quickview-size-list table td, #size-list table th{
  height:53px;
}

#quickview-size-list table td{
  font-size:14px;
}

#quickview-size-list table th{
  font-family: Garamond,Baskerville,Baskerville Old Face,Hoefler Text,Times New Roman,serif;
  font-size:30px;
  width:60px;
  font-weight: normal;
}

#quickview-size-list table .saz-select{
  position: relative;
  top:0px;
  left:0px;
}

#quickview-size-list table .saz-select span{
    height:20px;
    width:20px;
    padding:10px 75px;
    display:block;
    background: url("img/item-select-arrow.png") no-repeat 150px center #ffffff;
    font-size:15px;
    -webkit-appearance: none;
  	-moz-appearance: none;
  	appearance: none;
    border-radius: 5px;
    cursor: pointer;
    border:1px solid #969696;
}

#quickview-size-list table .saz-select div{
  top:40px;
  max-height: 100px;
  overflow: auto;
}

#quickview-size-list table tr td:nth-of-type(1){
  text-align: left;
  width:110px;
}

#quickview-size-list table tr td:nth-of-type(2){
  width:200px;
}

#quickview-size-list table tr td:last-child{
  text-align: center;
}

#quickview-size-list table tr td:last-child a
, #quickview-size-list table tr td:last-child span{
  display:inline-block;
  width:170px;
  height:40px;
  line-height: 40px;
  text-align: center;
  background: #006450;
  color:#ffffff;
  border-radius: 5px;
  font-size:15px;
  position: relative;
}

#quickview-size-list table tr td:last-child input{
  display:inline-block;
  width:170px;
  height:40px;
}

#quickview-size-list table tr td:last-child a img{
  position:relative;
  top:4px;
  left:-3px;
}

#quickview-size-list table .no-stock{
  background: rgba(0, 0, 0, 0.1);
}

#quickview-size-list table tr.no-stock th, #quickview-size-list table tr.no-stock td{
  opacity: 0.5;
}
#quickview-size-list table tr.no-stock td:last-child{
  opacity: 1.0;
}
#quickview-size-list table tr.no-stock td a{
  background: #969696;
  cursor: default;
}

#quickview-size-list table select{
  width:170px;
  height:40px;
  padding:5px 75px;
  padding-right:30px;
  display:block;
  background: url("img/item-select-arrow.png") no-repeat 140px center #ffffff;
  font-size:15px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border-radius: 3px;
  cursor: pointer;
  border:1px solid #969696;
  margin:auto;
}

#quickview-button-list{

}

#quickview-button-list ul{
  overflow: hidden;
  margin:0px;
  padding:0px;
  margin-top:20px;
}

#quickview-button-list ul li{
  float:right;
}

#quickview-button-list ul li:first-child{
  margin-right:20px;
  margin-left:10px;
}

#quickview-button-list ul li:first-child a{
  width:160px;
  height:37px;
  line-height:37px;
  text-align: center;
  border-radius: 18px;
  border:1px solid #3c3c3c;
  display:inline-block;
}

#quickview-button-list ul li:last-child a{
  height:39px;
  line-height: 39px;
  display:block;
  padding-left:35px;
  text-align: center;
  position:relative;
}

#quickview-add-favorite-button{
  background:#ffffff;
  border-radius: 5px;
  padding:1px 20px;
  padding-bottom:9px;
}

#quickview-add-favorite-button a {
  position:relative;
}

#quickview-add-favorite-button a span{
  background:url("img/item-favorite-icon.svg") no-repeat center center;
  background-size: 27px 24px;
  display:inline-block;
  position:absolute;
  top:7px;
  left:0px;
  width:27px;
  height:24px;
}

#quickview-add-favorite-button.selected a span{
  background:url("img/item-favorite-icon-selected.svg") no-repeat center center;
  background-size: 27px 24px;
  display:inline-block;
  position:absolute;
  top:7px;
  left:0px;
  width:27px;
  height:24px;
}
/*
@keyframes quickview-add-favorite-animation{
  0% {
    transform: scale(1.0, 1.0);
  }
  5% {
      opacity: 0.0;
      transform: scale(0.7, 0.7);
  }
  6%{
    background-image: url("img/item-favorite-icon-selected.svg");
  }
  10%{
    opacity: 1.0;
    transform: scale(1.1, 1.1);
    background-image: url("img/item-favorite-icon-selected.svg");
  }
  15% {
    opacity: 1.0;
    transform: scale(0.9, 0.9);
    background-image: url("img/item-favorite-icon-selected.svg");
  }
  20%{
    opacity: 1.0;
    transform: scale(1.0, 1.0);
    background-image: url("img/item-favorite-icon-selected.svg");
  }
  60%{
    opacity: 1.0;
    transform: scale(1.0, 1.0);
    background-image: url("img/item-favorite-icon-selected.svg");
  }
  100% {
    opacity: 1.0;
    transform: scale(1.0, 1.0);
    background-image: url("img/item-favorite-icon.svg");
  }
}
*/
/*@keyframes quickview-add-favorite-animation{
  0% {
    transform: scale(1);
  }
  10% {
    transform: scale(.96);
    
  }
  20% {
    transform: scale(1.04);
  }
  50%{
    background:#ff7777;
  }
  52%{
    transform: scale(1);
  }
  100% {
    transform: scale(1);
    background:#ffffff;
  }
}*/


@media (max-width:1200px) {
  #quickview-contents{
    width:600px;
  }
  #quickview-item-photo{
    float:none;
    margin:auto;
  }
  #quickview-item-meta{
    float:none;
    margin:auto;
  }
}
#quickview-size-list form{
	display: none;
}