/* BASIC css start */
/* product detail */
.prd-detail .breadscrumb {height:39px; line-height:35px; background:#000; color:#fff; font-size:12px;}
.prd-detail .breadscrumb a,
.prd-detail .breadscrumb span {margin-right:14px; padding-left:14px; font-size:12px; color:#fff; vertical-align:middle;}
.prd-detail .breadscrumb a:first-child {margin-left:0; padding-left:0;}
.prd-detail .breadscrumb img {vertical-align:middle;}
.shopdetailItem iframe { width:360px !important; height:180px !important; }

.prd-body {margin-top:30px;}
.prd-header {padding-bottom:30px; border-bottom:1px solid #000;}
.prd-header:after {content:''; display:block; clear:both;}
.prd-header .imgs {padding: 0 20px;}
.prd-header .imgs .frame {position: relative; padding-top: 100%; overflow:hidden;}
.prd-header .imgs .frame img {position:absolute; top:0; left:0; width:100%;}
.prd-header .imgs .btn-viewbig {position:absolute; bottom:0; right:0; padding-left:38px; height:26px; line-height:23px; font-size:12px; color:#86001d; background:url(/design/bigjoy/renewal2017/bg_btn_zoom.png) no-repeat;}
.prd-header .imgs ul {margin-top:10px; text-align:center; font-size:0;}
.prd-header .imgs ul li {display:inline-block; box-sizing:border-box; width:20%; padding:0 2px;}
.prd-header .imgs ul li img {display:block; width:100%; opacity:0.8; box-sizing:border-box; border:1px solid #333;}
.prd-header .imgs ul li img:hover {opacity:1;}

.prd-header .info {margin-top:30px; font-weight:300;}
.prd-header .title {font-size:20px; line-height:1.2; text-align:center;}
.prd-header .detail {margin-top:10px; font-size:14px; line-height:1.3; height:3.9em; text-align: center;}
.prd-header .review {margin-top:20px;}
.prd-header .review > div {margin-top:7px; text-align:center;}
.prd-header .review .rate .mark_type_title {display:none;}
.prd-header .review .rate .mark_icon {font-size:20px;letter-spacing: 2px;}
.prd-header .review .rate .mark_icon span {color:#FFC625!important; }
.prd-header .review .count {font-size:14px;}
.prd-header .review .count a {color:#86001d; vertical-align:top;}
.prd-header .review .icons span {vertical-align:middle;}
.prd-header .review .icons img {margin-right:2px;}

.prd-header .detail-group {margin-top:15px; padding-left:15px; position:relative; border-left:1px solid #999;}
.prd-header .detail-group p {margin-top:5px; font-size:12px; padding-left: 80px; position: relative;}
.prd-header .detail-group p span {position: absolute; top:0; left:0; color:#333;}
.prd-header .detail-group .social_icon { margin-left: 80px; }

.prd-header .pkg-item-list li {overflow:hidden; font-size:14px;}
.prd-header .pkg-item-list li + li {margin-top:20px;}
.prd-header .pkg-item-list li a {display:block;}
.prd-header .pkg-item-list li img {float:left; width:80px;}
.prd-header .pkg-item-list li ul {margin-left:100px; padding-top:15px;}

.prd-header .price-box {position:relative; margin-top:40px;}
.prd-header .price-box .select span {margin-bottom:3px; color:#333;font-size: 1em;}
.prd-header .price-box .select div {padding:5px; box-sizing:border-box; border:1px solid #ddd; background:#fafafa; border-radius:2px;}
.prd-header .price-box .select div select {width:100%; height:20px; font-size:12px; font-weight:300; border:0;}
.prd-header .price-box .options {padding-top: 40px;width:40%;}
.prd-header .price-box .options p {font-size: 16px;}
.prd-header .price-box .options > div {margin-top:10px; font-size:16px;}
.prd-header .price-box .options .quantity {width:100%; box-sizing:border-box; border:1px solid #ddd; background:#fafafa; border-radius:2px;}
.prd-header .price-box .options .quantity input {padding:0 5px; box-sizing:border-box; width:80%; height:30px; font-size:20px; text-align:right; border:0; font-weight:100;}
.prd-header .price-box .options .quantity .btns {float:right; width:30px;}
.prd-header .price-box .options .quantity .btns a {display:block; height:15px; background:url(/design/bigjoy/renewal2017/bg_arrow4.png) no-repeat; text-indent:-9999px;}
.prd-header .price-box .options .quantity .btns .btn-up {background-position:50% 5px;}
.prd-header .price-box .options .quantity .btns .btn-dw {background-position:50% -39px;}
.prd-header .price-box .total {position:relative; right:0; bottom:0; text-align:right;}
.prd-header .price-box .total .unit {margin-right:7px; font-size:0.7em; font-family:'Playfair Display', serif;}
.prd-header .price-box .total .ori-price {margin-bottom:3px; font-size:16px;}
.prd-header .price-box .total .ori-price del {color:#979797; margin-left:10px;}
.prd-header .price-box .total .sell-price {font-size:40px; color:#86001d; line-height:1;}
.prd-header .price-box .btn-q {position: absolute; left:0; bottom:40px; padding: 3px 7px; border-radius: 5px; background-color: #eee;}
.prd-header .price-box .btn-q i {font-size: 1.1em;}

.prd-header .prd-btns {margin-top:35px; text-align:center; overflow:hidden;}
.prd-header .prd-btns:after {content:''; display:block; clear:both;}
.prd-header .prd-btns p {height:44px; line-height:44px; text-align:center; color:#86001d; font-size:14px;}
.prd-header .prd-btns a {display:block; height:44px; line-height:44px; text-align:center; color:#fff; font-size:16px; box-sizing:border-box; font-weight:400; border:1px solid;}
.prd-header .prd-btns .btn-buynow {width:100%; margin-bottom:5px; background:#86001d; border-color:#86001d;}
.prd-header .prd-btns .btn-basket {float:left; width:49%; border-color:#000; color:#000;}
.prd-header .prd-btns .btn-wish {float:right; width:49%; border-color:#666; color:#666;}

.prd-header .social {float:left; width:100%; margin-top:10px; text-align:center; }

.prd-title {margin:20px 0 30px;}
.prd-title h3 {position:relative; padding-bottom:12px; font-size:16px; font-weight:500; text-align:center;}
.prd-title h3:after {content:''; position:absolute; bottom:0; left:50%; margin-left:-5px; width:10px; border-bottom:2px solid #000;}
.prd-title p {margin-top:5px; font-size:12px; color:#666; text-align:center; line-height:24px;}

.prd-related ul {overflow:hidden; border:1px solid #ccc; box-sizing:border-box;}
.prd-related li {float:left; width:50%; text-align:center; font-size:14px; overflow:hidden; box-sizing: border-box;}
.prd-related li + li { border-left:1px solid #ccc;}
.prd-related li .wrapper {display:block; position:relative; box-sizing:border-box;}
.prd-related li .brand {padding-top:14px;}
.prd-related li .title {margin:3px 0 10px; font-weight:300; padding:0 5px; line-height:1.2; height:2.4em; overflow:hidden; font-size:12px;}
.prd-related li .icons {font-size:0 height:12px;}
.prd-related li .price {margin-top:10px; font-size:14px; color:#ed1c24;}
.prd-related li .price del {margin-right:7px; color:#979797; font-size:12px;}
.prd-related li .frame {margin:10px auto; width:70%; position:relative; padding-top:70%; overflow:hidden;}
.prd-related li .frame img {width:100%; position:absolute; top:0; left:0;}

.prd-detail .prd-img {text-align:center;}

/* common info */
.common-info {margin:30px auto;}
.common-info h3 {position:relative; padding-bottom:12px; font-size:14px; font-weight:500; text-align:center;}
.common-info h3:after {content:''; position:absolute; bottom:0; left:50%; margin-left:-5px; width:10px; border-bottom:2px solid #000;}
.common-info ul {font-size:12px;}
.common-info li {padding-top:10px; color:#666;}
.common-info li span {display:block; font-weight:500; color:#000; line-height:1.7;}

/* shipping info */
.shipping-info dl {padding-bottom:25px; border-bottom:1px solid #ccc; font-size:14px; overflow:hidden;}
.shipping-info dl + dl {margin-top:55px;}
.shipping-info dt {clear:left; float:left; width:16%; font-weight:500; color:#000; line-height:1.7;}
.shipping-info dd {float:left; width:84%; padding-bottom:30px; color:#666; line-height:1.7;}
.shipping-info dd strong {font-weight:500; color:#000;}
.shipping-info dd p {position:relative; padding-left:9px; line-height:1.7;}
.shipping-info dd p:after {position:absolute; content:''; display:block; width:4px; top:11px; left:0; border-top:2px solid #666;}

.shopdetailItemPopup {padding: 0 0 40px;}
.shopdetailItemPopup a {width: 100%; display:block; text-align:center;}

.shopdetailItem {padding-top:30px;}
.shopdetailItem img {max-width: 100%; height:auto;}
.shopdetailBoard a{width: 100%; display:block; margin-top:10px; text-align:center;}

.btn-quick-buy {position: fixed; bottom:15px; left:50%; margin-left:-61px; width: 120px; padding:0; height: 45px; font-size:14px; font-weight:300; text-align: center; background:rgba(0,0,0,0.55); border: 1px solid #fff; display:none; transition: bottom .2s ease-in-out; color:#fff; border-radius: 23px; z-index:999;}
.prd-header .price-box.fixed {position: fixed; margin:0; padding: 10px 5% 0; left:0; width: 90%; background-color:#fff; transition: bottom .2s ease-in-out; z-index:999; border-top:1px solid #333;}
.prd-header .prd-btns.fixed {position:fixed; margin:0; padding:20px 5% 10px; left:0; width:90%; background-color:#fff; transition: bottom .2s ease-in-out; z-index:999;}
.prd-header .price-box.fixed .btn-q {left: 5%;}

.prd-related {position:relative;}
.prd-related .slidesjs-navigation {position:absolute; top:-5px; width:35px; height:35px; text-indent:-9999px; background:#bbb url(/design/bigjoy/renewal2017/bg_arrow6.png) no-repeat; z-index:11; transition:box-shadow .3s;}
.prd-related .slidesjs-previous {left:0; background-position:9px 50%;}
.prd-related .slidesjs-next {right:0; background-position:-34px 50%;}
.prd-related .slidesjs-pagination {position:absolute; top:62px; left:0; width: 100%; text-align: center; border:0;}
.prd-related .slidesjs-pagination li {display: inline-block; margin:0 5px; padding:0; border:0; width:auto; float: none;}
.prd-related .slidesjs-pagination li a {display:block; box-sizing:border-box; width:9px; height:9px; text-indent:-9999px; background:#d2d2d2; border-radius:100%;}
.prd-related .slidesjs-pagination li a:hover {border:2px solid #000;}
.prd-related .slidesjs-pagination li a.active {background:#000;}

.detail-tab {margin:30px 0 0 -13px; padding:5px 0; text-align: center; background-color:rgba(240,240,240,0.9); border: solid rgba(240,240,240,0.9); border-width:0 13px; width: 100%; border-bottom: 1px solid #777;}
.detail-tab li {display:inline-block; padding-left:10px; padding-right:10px;}
.detail-tab li a {display:block; text-align: center; font-size: 12px; font-weight: 300; padding: 3px 0;}
.detail-tab.fixed {position: fixed; top:40px; left:0; margin-top:0; z-index: 1}


/* delivery counter */
.prd-header .detail-group p, .delivery_time {margin-top:5px; font-size:12px; padding-left: 80px; position: relative;}
.prd-header .detail-group p > span, .dt_title {position: absolute; top:0; left:0; color:#333;}
.delivery_time>p { display:inline; padding-left: 0 !important; font-weight: bold; color: #86001d; }
/* BASIC css end */