@charset "utf-8";
#modal-login .modal-footer{
	display: block;
}
.bd-nav{
	padding:.5rem 0;
}
.main-action-btn{
	padding: .5rem 1rem;
	font-size: 1.4rem;
}
.product-shipping{
	background: #FAFAFA;
	padding:1rem 0
}
.product-shipping .title-content{
	line-height: 1.5rem;
	padding: 0 1rem;
}
.product-shipping .title-content p.title{
	font-size: 1.4rem;
	color:#333;
	padding-top:1.4rem;
	padding-bottom:.75rem;
	margin:0rem;
}
.product-shipping .title-content p{
	font-size: 1.1rem;
	color:#666;
}

.product-shipping .shipping-content,.product-shipping .shipping-content table{
	width: 100%;
	line-height: 2.5rem;
	text-align: center;
	padding: 0;
	margin-bottom: 1rem;
}
.product-shipping .shipping-content table{
	border:1px solid #EEE;
}
.product-shipping .shipping-content table th{
	height: 3.5rem;
	font-size:1.4rem;
	color:#111;
	font-weight: 100;
	text-align: center;
}
.product-shipping .shipping-content table td{
	height: 3.5rem;
	font-size:1.1rem;
	color:#999;
	line-height: 1.2rem;
}
.product-shipping .shipping-content table td.tt{
	font-size:1.2rem;
	color:#111;
}
.product-shipping .shipping-content .tips{
	font-size:0.9rem;
	line-height: 1.5rem;
	text-align:left;
	padding: .5rem;
	color: #999;
}
.product-shipping .shipping-content .tips a{
	word-break: break-word ;
	color: #22B3E6;
	text-decoration:underline;
}

.product-shipping .shipping-content h3{
	font-size:1.2rem;
	margin: 0;
	padding:1rem;
}
.product-images .attr-tag{
    position: absolute;
    right:0;
    width:4rem;
    z-index: 999;
}
.product-images .attr-tag i {
    background-image: url(../images/icon/tag-icon-attribute.png);
    display: block;
    margin: auto;
    width: 100%;
    height: 0;
    padding-top: 50%;
    background-size: 100%;
    background-position-y: 0%;
}
.product-images .attr-tag i.light-tag {
    background-position-y: 0%;
}

.product-images .attr-tag i.kid-tag {
    background-position-y: 25%;
}

/* start review */
.rating-xs{
	display: inline-block;
}
.rating-container .star{
	font-size: 1rem;
    margin: .3rem .1rem 0 .1rem;
}
.rating-container .filled-stars {
    color: #FFA800;
}
.rating-container .caption{
	display: none;
}
.rating-container .empty-stars{
	color: #FFA800;
}
.main-content{
	max-width:1200px;
	width:100%;
	padding: .5rem 0;
}
.loadingstatus{
	position: absolute;
	width: 100%;
	height: 100%;
	background:rgba(255,255,255,0.5);
	z-index: 9;
}
.loadingstatus img{
	position: absolute;
	width: 40px;
	height: 40px;
	left: 45%;
    top: 35%;
}
.
/* out of stock Modal */
#stockmailModal{
	top:100px;
}
#stockmailModal .modal-body {
	text-align: center;
	color:#666;
}
#stockmailModal .modal-body p{
	font-size: 1.25rem;
}
#stockmailModal .modal-body .mailtext input{
	font-size: 1.2rem;
	width:70%;
	max-width: 15rem;
}
#stockmailModal .modal-body .sub-action-btn{
	padding:.5rem 2rem;
}
#stockmailModal .modal-body .coupontext{
	font-size: 1.8rem;
	font-weight: 900;
	color: #22B3E6;
}
/* end out of stock  */
/* coupon mail Modal */
#mailModal{
	top:100px;
}
#mailModal .modal-body {
	text-align: center;
	color:#666;
}
.modal-header {
    border-bottom: 0;
    padding-bottom: 0;
}
.modal-body{
    padding-top: 0;
}
.modal-footer{
	display: none;
}
#mailModal .modal-body h1{
}
#mailModal .modal-body p{
	font-size: 1.1rem;
}
#mailModal .modal-body .coupontext{
	font-size: 1.8rem;
	font-weight: 900;
	color: #22B3E6;
}
#mailModal .modal-body .mailsend{
	color:#22B3E6;
	display: none;
}
.sendme-btn{
	padding: 0.1rem 1rem;
}

/* end coupon mail Modal */	

#refinerearch{
	-webkit-transition: all .5s ease;
	-moz-transition: all .5s ease;
	-o-transition: all .5s ease;
	transition: all .5s ease;
}
/* promo top show */
.top-promo {
	color:#666;
	padding: 0;
	background:#d3f6f6;
}
.top-promo .pinfo{
	color:#666;
}
.swiper-pagination-bullet{
	background: #111;
	width:.75rem;
	height: .75rem;
	opacity: .15;
}
.swiper-pagination-bullet-active{
	opacity: 1;
}
/* new product model carousel */

/* product model carousel */
.swiper-container {
  	width: 100%;
  	height: auto;
}
.swiper-wrapper{
	height: auto;
	min-height: 8rem;
}
.swiper-slide{
	height: auto;
}
.gallery-thumbs {
  	height: 25%;
  	box-sizing: border-box;
}
.gallery-thumbs .swiper-slide {
  	height: 100%;
  	opacity: 0.4;
  	border-bottom:2px solid #EEE;
}
.swiper-wrapper .item.paddingimg{
    padding: 1rem;
    padding-top: 0;
    padding-bottom: 2rem;
    display: flex;
    justify-content: center;
    align-items: center;
}
.gallery-thumbs .swiper-slide-thumb-active {
  	opacity: 1;
  	border-bottom:2px solid #000;
}
.swiper-slide {
    background-size: cover;
    background-position: center;
}
.gallery-top-all .swiper-slide {
	min-height:300px;
}
.gallery-thumbs {
	display: inline-flex;
	justify-content: space-between;
	width: 100%;
    height: 60px;
	line-height: 60px;
	text-align: center;
	margin: auto;
}
.gallery-thumbs>.swiper-wrapper{
	width: 80%;
	margin: auto;
}
.gallery-thumbs .item-s {
    width: 120px;
    height: 60px;
    opacity: 1;
    background-size: 80%;
	background-position: center;
    background-repeat: no-repeat;
}
.product-images .item-s.btn-try {
	position: absolute;
	cursor: pointer;
    display: inline-flex;
    display: none;
    align-items: center;
    width: 120px;
    height: 60px;
    opacity: 1;
    background-size: 80%;
	background-position: center;
    background-repeat: no-repeat;
    z-index: 19;
}
.product-images .item-s.btn-try i.try-action{
    background-position-y: 50%;
}
.gallery-top,.gallery-top-all{
    width:100%;
    padding: 0;
}
._bk{
	position: absolute;
	padding-top: 50%;
	width: 100%;
	display: block;
}
.product-images{
	width: 100%;
	position: relative;
}
.product-images .swiper-all-container.swiper-all-pc{
	display: none;
}
.product-images .swiper-all-container.swiper-all-m{
	display: block;
}
.product-images .product-model{
	display: none;
}
.product-all-info.flex-list {
	display: flex;
	justify-content: space-between;
    flex-direction: column;
    padding: 0;
}

/* share img */
.media-action{
	margin-top: 0;
}
.media-action .action-icon-pc{
	padding:1.5rem 0;
	display: inline-flex;
	justify-content: space-around;
	width: 100%;
}
.media-action .action-icon-pc>div{
	width: 40%;
	display: inline-block;
    text-align: center;
}
.media-action .action-icon-pc>div.like-pc{
	width: 40%;
}
.media-action .action-icon-pc>div.media-pc{
	width: 60%;
}

.follow-us-icon .f-icon{
	font-size: 0;
}
.media-action .media-pc .follow-us-icon .f-icon{
	display: inline-flex;
	overflow: hidden;
	box-shadow: 1px 1px 5px #DDDDDD;
}
.media-action .follow-us-icon .f-icon>a {
    color: #FFF;
    padding: .65rem .4rem;
    text-align: center;
    display: inline-block;
}
.media-action .follow-us-icon>.dline {
    width:13rem;
    border-bottom:1px solid #CCC;
    margin: 0 auto;
}

.media-action .action-icon a>i:not(.follow-icon),.gallery-thumbs .item-s.btn-try i,.product-images .item-s.btn-try i{
    position: relative;
    background-image: url(../images/icon/deitails-btn-icon.png?v2018);
    width: 30px;
    height: 30px;
    padding-top: 30px;
    background-size: 200%;
    display: inline-block;
    background-position-x: 0%;
    margin-right: .5rem;
}

.media-action .action-icon{
	width: 100%;
	display: block;
    display: inline-flex;
    justify-content: space-between;
    padding: .5rem;
    font-size: 0.9rem;
}
.media-action .action-icon.action-icon-pc{
	display: none;
}
.media-action .action-icon a{
    display: inline-flex;
    align-items: center;
	justify-content: center;
    width: 50%;
	text-align: center;
    color:#111;
    font-size: 1.25rem;
}
.media-action .action-icon i.like-action{
    background-position-y: 0%;
}
.media-action .action-icon i.like-action.fa-liking{
    background-position-y: 75%;
}
.media-action .action-icon i.share-action{
    background-position-y:25%;
}
.media-action .action-icon i.try-action{
    background-position-y: 50%;
}
.media-action .action-icon a:hover i{
    background-position-x: 0;
}

/* glasses info & name */
.product-info{
	width: 100%;
	padding-left:0;
}
.product-info .product-basic-info{
	position: relative;
	display: inline-flex;
	justify-content: space-between;
 	width: 100%;
 	border-top: .75rem solid #F5F5F5;
 	padding:1.2rem 1rem 0rem 1rem;
}
.product-info .product-basic-info .sku-info{
	width:100%;
}

.product-info .product-basic-info .product-promo{
	/*width:30%;
	text-align: right;*/
    position: absolute;
	text-align: right;
    right: 20px;
}
.product-info .product-basic-info .product-promo .promo-end-time{
	font-size: .85rem;
}
.product-info .product-basic-info .product-promo .prom-tag{
	width: 100px;
	color: #FFF;
	border-left: 10px solid #FFF;
    border-right: 0;
    border-top: 10px solid #FFA800;
    border-bottom: 10px solid #FFA800;
    line-height: 0;
    padding: 0;
    display: block;
	margin-right: 0;
	margin-left: auto;
	margin-bottom: .9rem;
	font-size: 1rem;
}
.product-info .product-basic-info .product-promo .prom-tag.spec-icon{
	border:0px;
	display: inline-block;
	width: 4rem;
	max-width: 100px;
	margin: 0;
}
.glass-product-title .prom-tag {
	display: inline-block;
	width: 4rem;
	height: 1.5rem;
	max-width: 100px;
}
.product-info .product-basic-info .product-promo .prom-tag.spec-icon i {
    background-image: url(../images/icon/tag-icon-sale.png?v4);
    display: block;
    margin: auto;
    width: 100%;
    height: 0;
    padding-top: 50%;
    background-size: 100%;
    background-position-y: 0%;
}

.product-info .product-basic-info .product-promo .prom-tag.spec-icon i.hot-tag {
    background-position-y: 0%;
}
.product-info .product-basic-info .product-promo .prom-tag.spec-icon  i.free-tag {
    background-position-y: 20%;
}
.product-info .product-basic-info .product-promo .prom-tag.spec-icon  i.pro-tag {
    background-position-y: 40%;
}
.product-info .product-basic-info .product-promo .prom-tag.spec-icon  i.new-tag {
    background-position-y: 60%;
}
.product-info .product-basic-info .product-promo .prom-tag.spec-icon  i.bogo-tag {
    background-position-y: 80%;
}
.product-info .product-basic-info .product-promo .prom-tag.spec-icon i.sale-tag {
    background-position-y: 100%;
}
.product-info .product-basic-info .r-price{
	font-size: 1.8rem;
	color: #333;
	font-weight: 700;
}
.product-info .product-basic-info .r-price.font-red{
	color:#FF0000;
}
.product-info .product-basic-info .s-price{
	margin-left:.9rem;
	font-size: 1.1rem;
	color: #999;
	text-decoration: line-through;
}
.product-info .product-basic-info .product-sku-name{
	font-size:1.2rem;
	color: #333;
}
.product-info .product-basic-info .stock-info{
	color: #FF0000;
	font-size:.9rem;
}

.product-reivew{
 	border-bottom: .75rem solid #F5F5F5;
	padding:0rem 1rem 1rem 1rem;
	margin:0;
}
.review-total{
	position: relative;
	font-size: 1.1rem;
    padding-bottom: .5rem;
}
.review-total .review-totalcount {
	margin-left:.5rem;
	color: #999;
}
.review-view{
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    z-index: 999;
}
.product-reivew .rating-disabled .rating{
	cursor: pointer;
}
.review-star .review-totalcount{
	font-size: .7rem;
	color: #999999;
}
/* color - size */
.product-colors-sizes{
	margin:2rem 0 0 0;
	padding:0 1rem;
	border-bottom: .75rem solid #F5F5F5;
}
.product-info .product-colors-sizes .product-size-type{
	background: #333;
    padding: .1rem.5rem;
    color: #FFF;
}
.product-colors-sizes .size-guide{
	color: #22B3E6;
	text-decoration: underline;
	margin-left:.9rem;
}
.product-colors-sizes .product-colors{
	display: inline-flex;
	justify-content: flex-start;
	flex-wrap: wrap;
	align-items: center;
}
.product-colors .color-tips{
	width: 100%;
}
.product-colors-sizes p{
	margin-bottom:1rem;
}
.product-colors-sizes .info-color {
    margin: 0.25rem 0;
    display: inline-block;
}
.product-colors-sizes .product-colors a {
    display: inline-block;
    padding: 4px;
    margin: 0 .25rem;
    width: 32px;
    font-size: 0;
    border: 1px solid transparent;
    border-radius: 50%;
    color: #333;
}
.product-colors-sizes .product-colors a.current{
	border: 1px solid #B5B5B5;
}
.product-colors-sizes .product-colors a img {
    border-radius: 50%;
}
.product-colors-sizes .product-title{
	display: inline-block;
	color: #999999;
    font-size: 1.2rem;
}
.product-colors-sizes .color-tips{
	color: #999999;
    margin-top: .5rem;
    display: block;
}
.product-colors-sizes button.like-tag,.action-icon-pc button.like-tag{
	background: transparent;
	border: 0;
	color: #111;
	font-size: 0.75rem;
}
.product-colors-sizes button.like-tag>span.fa.fa-heart,.action-icon-pc button.like-tag>span.fa.fa-heart{
	color: #FF0000;
}
.stock-msg{
    padding: 1rem;
}
.stocktitle{
	font-size: 1.1rem;
	color:#333;
}
.stocktips{
	font-size: 1rem;
	color:#333;
}
.main-action{
    display: inline-flex;
    justify-content: space-between;
    width: 100%;
    margin-bottom:1rem;
    padding:0 1rem;
}
.product-info .main-action.fake-fixed{
    position: fixed;
    bottom: 0px;
    z-index: 1990;
    background: #FFF;
    padding: 1rem;
    margin: 0;
}
.main-action input, .stock-msg input{
	width: 58%;
	font-size: 1rem;
    padding:0.2rem;
    border: 1px solid #F5F5F5;
}
.main-action .stock-email{
	width: 40%;
	font-size: 1rem;
    padding:0.2rem .5rem;
}
.linktorecom{
	text-decoration: underline;
	color: #333;
}
.linktorecom:hover{
	text-decoration: underline;
	color: #555;
}
.main-action button{
	width: 49%;
    font-size: 1.4rem;
    padding: .5rem 1rem;
}
.promo-all{
	padding: 10px 0;
	width: 100%;
}
.promo-info-show{
	margin:0 1rem;
	border:1px dashed #EEE;
	color: #999;
	padding: .5rem;
}
.promo-info-show .promo-show{
	width: 100%;
	display: inline-flex;
	justify-content: space-between;
	align-items: center;
	padding:.5rem 0;
}
.promo-info-show .view-info>.promo-tag{
    width: 1.5rem;
    height: 1.5rem;
    display: inline-block;
    background-image: url(../images/icon/menu-icon.png?v2018);
    background-size: 400%;
    vertical-align: middle;
    margin-right: .5rem;
    background-position: 32% 82%;
}
.promo-info-show .view-info>.txt{
    color:#333;
}
.promo-info-show .view-info>.txt.pop{
    background:#FFA800;
    padding:1px 3px;
    color:#FFF;
}
.promo-info-show i>span{
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.promo-info-show .view-info{
	width: 90%;
	text-transform: capitalize;
	text-align: left;
}
.promo-info-show .view-action{
	width: 10%;
	text-align: right;
}
.promo-info-show .view-action>a{
	color: #22B3E6;
}
.shopping-guide-info{
	border-bottom: .75rem solid #F5F5F5;
}
.product-view-info{
	border-bottom: .75rem solid #F5F5F5;
}
.product-view-info .fit_detail .dline{
	border-bottom: .75px solid #EEE;
	margin: 0 1rem;
}
.product-view-info .accordion-toggle{
	padding: 0 1rem;
    margin: 1rem 0;
	display: block;
	font-size: 1.4rem;
	color: #333;
}
.fit_detail{
	
}
.fit_detail .collapse{
	padding: 1.5rem 2rem;
}
.fit_detail li {
	font-size: 1rem;
    margin-bottom: .5rem;
    list-style: inside;
    list-style-type: ;
    text-align: left;
    color: #333;
}
.fit_detail ul li{
	list-style-type:none;
}
.fit_detail ul li .dot{
	margin-right:.5rem;
	color:#999;
}
.fit_detail li a{
	color:#22B3E6;
}
.fit_detail li .title-content{
	color:#999;
}
/* more TAB info */
.product-info-tabs{
	width: 100%;
	padding: 0;
	padding-bottom: 1rem;
}
#infoTab{
	display: inline-flex;
	width: 100%;
    padding: 0 1rem;
    height: 3.5rem;
}
#infoTab li{
	width: 33%;
	text-align: center;
	text-transform: uppercase;
	font-size: 1rem;
	color: #CCCCCC;
	border-bottom: 1px solid #E2E2E2;
	font-weight: 100;
}
#infoTab li.active{
	color: #333;
	border-bottom: 1px solid #333;
	
}
#infoTab li:hover{
	color: #333;
	border-bottom: 1px solid #333;
}
#infoTab li>a{
	border: 0;
	letter-spacing: 1px;
	padding-top:1.5rem;
	padding-bottom:8px;
	color: #999;
}
#infoTab li.active>a,#infoTab li:hover>a{
	color: #333;
}
#infoTab li .c-point {
	position:absolute;
	background:transparent;
	border-radius: 50%;
    left: calc(50% - .25rem);
    bottom: -.25rem;
    width: .5rem;
    height: .5rem;
}
#infoTab li.active .c-point{
	background: #333;
}
#infoTabContent{
	margin-top: 1rem;
}
#infoTabContent .tab-pane .deitals{
	color: #666;
	padding: .8rem;
}
#infoTabContent .tab-pane .flex-list{
	justify-content: space-between;
	flex-wrap: wrap;
}
.size-table{
	width: 100%;
	padding: 1rem;
	max-width: 700px;
	padding-bottom: 2rem;
}
.size-table table{
	width: 100%;
}
.size-table table tr td{
	text-align: center;
	font-size: .8rem;
	width: 50%;
	line-height:2.5rem;
	border: 1px solid #E2E2E2;
	color: #111;	
}
.size-table table  tr td:nth-child(1){
	background: #F5F5F5;
}
.size-table .sizechange-action {
	margin-bottom:1rem;
}
.size-table .sizechange-action .sizechange-unit{
	border:1px solid #6c6c6c;
	background: #FFF;
	color: #111;
	padding:.2rem .5rem;
}
.size-table .sizechange-action .sizechange-unit.on{
	border:1px solid #111;
	background: #111;
	color: #FFF;
}
.size-diagram{
	width: 100%;
	padding:0 1rem;
	position: relative;
}
.size-diagram .imgdiv{
	position: relative;
}
.size-diagram .size-mark {
	position: absolute;
	color: #6C6C6C;
	font-size: .75rem;
}
.size-diagram .size-mark.lenswidth{
	top:34%;
	left: 23%;
}
.size-diagram .size-mark.bridgewidth{
	top: 29%;
	left: 46%;
}
.size-diagram .size-mark.lensheight{
	top: 34%;
	left:69%;
}
.size-diagram .size-mark.templelength{
	top: 64%;
	left: 45%;
}
.size-diagram .size-mark.framewidth{
	top: 7%;
	left: 45%;
}
/* gift */
#info-tab-gift .flex-list{
	flex-direction: column;
}
#info-tab-gift .free-gift {
	width: 100%;
	text-align: center;
	display: inline-flex;
	align-items: center;
}
#info-tab-gift .free-gift .kuang{
	/*border: 1px dashed #111;*/	
	width: 35%;
}
#info-tab-gift .free-gift .kuang img{
	width: 100%;
}
#info-tab-gift .free-gift .gift-txt{
	margin-left:5%;
	padding:1rem 0 1rem 1rem;
	width: 60%;
	text-align: left;
}
/* review */
#info-tab-rev .review-totalcount{
	font-size: .7rem;
	color: #999999;
}
#info-tab-rev .review-star .review-txt-num{
	color: #FFA800;
	font-size: 1.3rem;
	padding-right: .5rem;
}
#info-tab-rev  .review-action-type{
	display: inline-flex;
	width: 100%;
	justify-content: center;
}
#info-tab-rev  .review-action-type .review-type{
	padding:.5rem 1rem;
	color: #999999;
	margin: 0 .5rem;
	text-decoration: underline;
}
#info-tab-rev  .review-action-type .review-type.current{
	color: #FFA800;
	background: #FFF2D9;
}
#info-tab-rev .review-item{
	border-top:1px dashed #E2E2E2;
    margin-bottom: .75rem;
	padding-top:1.25rem;
	display: inline-flex;
	justify-content: space-between;
	width: 100%;
}
#info-tab-rev .review-item .review-user-info{
	display: none;
	width: 25%;
	padding:0 1.25rem;
	font-size: .7rem;
}
#info-tab-rev .review-item .review-user-info .review-author{
	font-size: .8rem;
}
#info-tab-rev .review-item .review-info{
	width: 100%;
	padding-left:1rem;
	border-left:1px solid #EEE;
	font-size: .7rem;
	color:#666;
	display: inline-flex;
	flex-wrap: wrap;
	
}
#info-tab-rev .review-item .review-info .review-author{
	font-size: 1.2rem;
}
#info-tab-rev .review-item .review-info .review-author{
	width: 50%;
}
#info-tab-rev .review-item .review-info .review-star{
	width: 50%;
	display: inline-flex;
    align-items: baseline;
	justify-content: flex-end;
	padding-right: 1rem;
}
#info-tab-rev .review-item .review-info .review-tips,#info-tab-rev .review-item .review-info .review-product{
	width: 100%;
	font-size:.9rem;
	color: #CCC;
}
#info-tab-rev .review-item .review-info .review-tips{
	margin-bottom: 0;
}
#info-tab-rev .review-item .review-info .review-text{
	width: 100%;
	font-size: 1.2rem;
	color: #666;
}
#info-tab-rev .review-item .review-info .rating-container .star{
	font-size: .9rem;
}
#info-tab-rev .review-item .review-info .review-helpful{
	color:#666;
	margin-top:1rem;
	text-align: right;
	padding-right:1rem;
	width: 100%;
}
#info-tab-rev .review-item .review-info .review-helpful i{
	color:#22B3E6;
}
#info-tab-rev .review-action{
	border-top:1px dashed #E2E2E2;
	padding-top: 1.5rem;
}
#info-tab-rev .review-action .write-review-action{
	font-size: 1rem;
	margin:1rem 0;
	display: block;
	text-decoration: underline;
	color: #333;
}

.user_uploadlist_ul .thumbnail{
    display: table-cell;
    width: 5rem;
    height: 7.5rem;
    padding: .4rem;
    vertical-align: middle;
    text-align: center;
    position: relative;
    border: 0;
}
.user_uploadlist_ul .thumbnail img{
	max-height:100%;
	width:auto;
    display: block;
}
.user_uploadlist_ul .thumbnail .fa-trash-o{
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
    font-size: 2rem;
    background: #FFF;
    opacity: .8;
}
.user_uploadlist_ul .thumbnail .fa-window-close{
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
    font-size: 1rem;
}

/* measure size modal */
#sizeModal{
	top: 0;
}
#sizeModal .modal-dialog{
	top: 4.5rem;
}
#SizeTab{
	justify-content: center;
	border:0;
}
#SizeTab>li{
	margin: 0;
}
#SizeTab>li>a{
	border:0;
}
#SizeTab li{
	text-align: center;
	text-transform: uppercase;
	font-size: .6rem;
	font-weight: 600;
	color: #CCCCCC;
	border-bottom: 1px solid #E2E2E2;
}
#SizeTab li.active,#SizeTab li:hover{
	color: #111;
	border-bottom: 1px solid #666666;
}
#SizeTab .title-h{
	font-size: 1rem;
}
#SizeTab li .c-point {
	position:absolute;
	background:transparent;
	border-radius: 50%;
    left: calc(50% - .25rem);
    bottom: -.25rem;
    width: .5rem;
    height: .5rem;
}
#SizeTab li.active .c-point{
	background: #666666;
}
#SizeTabContent{
	padding: 1rem 0;
	font-size: 1.05rem;
}
#sizeModal .modal-body .size-imgshow{
	display: inline-flex;
	justify-content: space-between;
	flex-wrap: wrap;
	
}
#sizeModal .modal-body .size-table{
	width: 80%;
    margin: auto;
	text-align: center;
}
#sizeModal .modal-body .size-table .size-exp{
	margin: .5rem 0;
}
#sizeModal .modal-body .size-imgshow .size-img{
	text-align: center;
	width: 50%;
    padding: .5rem 0;
}
#sizeModal .modal-body .size-imgshow .size-img .size-i-img>i{
	width: 10rem;
    height: 5rem;
    display: block;
    background-image: url(../images/icon/size-g-icon.png?v2018);
    background-size: 100%;
    vertical-align: middle;
    margin: auto;
    background-position-y: 0%;
}
#sizeModal .modal-body .size-imgshow .size-img .size-i-img>i>span{
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
#sizeModal .modal-body .size-imgshow .size-img .size-i-img>i.i-lw{
    background-position-y: 60%;
}
#sizeModal .modal-body .size-imgshow .size-img .size-i-img>i.i-lh{
    background-position-y: 20%;
}
#sizeModal .modal-body .size-imgshow .size-img .size-i-img>i.i-bw{
    background-position-y: 40%;
}
#sizeModal .modal-body .size-imgshow .size-img .size-i-img>i.i-tl{
    background-position-y: 80%;
}
#sizeModal .modal-body .size-imgshow .size-img .size-i-img>i.i-fw{
    background-position-y: 0%;
}
#sizeModal .modal-body .size-imgshow .size-img .size-i-img>i.i-ww{
    background-position-y: 100%;
}

#sizeModal .modal-body .size-imgshow .size-img .size-text {
	border:1px solid #CCC;
	width: 80%;
	margin: auto;
	color:#CCC;
}
#sizeModal .modal-body .size-imgshow .size-img .size-text .imp{
	color:#333;
}
#sizeModal .action-btn .btn{
	padding: .2rem 1rem;
    margin: 0 auto;
    display: block;
    width: 40%;
    height: auto;
    text-align: center;
    border:1px solid #111111;
    color: #111111;
    background: transparent;
}

/* read more reviews action" */
#modal_comment{
	top:0;
}
#modal_comment .modal-dialog{
	top:5rem;
}
#modal_comment .reive-info-top{
    margin: auto;
    justify-content: space-between;
    width: 100%;
	align-items: center;
}
#modal_comment .input-info{
	margin:.5rem 0;
}
#modal_comment .reive-info-top>div{
	padding: .5rem;
	width: 50%;
	margin:auto;
}
#modal_comment .rating-container .star{
	font-size: 1.5rem;
    margin: .3rem .3rem 0 .3rem;
}
#modal_comment .reivew-img img{
	width:100%;
}
#modal_comment .ask-submit,#modal_comment .ask-cancel{
	width: 45%;
}

#modal_comment .review-upload-photo{
	font-size: 1.5rem;
	text-align: center;
    margin: .5rem 0;
}
#modal_comment .review-upload-photo .uploadphoto{
	width: 100%;
}
#modal_comment .review-upload-photo .uploadphoto span{
	margin-left:1rem;
}
#modal_comment .user_uploadlist_ul{
	display: inline-flex;
	justify-content: space-around;
	align-items: center;
	width:100%;
}
#modal_comment .user_uploadlist_ul .thumbnail{
	display: inline-flex;
	position:relative;
	width:25%;
	padding:.25rem;
}
#modal_comment .review-action-all{
    display: inline-flex;
    justify-content: space-between;
    width: 100%;
}
.user_uploadlist_ul .thumbnail img{}
/* ins photo */
.product-photo-ins{
	position: relative;
	clear: both;
	overflow: hidden;
	padding:0;
}
.product-photo-ins .title-content{
	width: 100%;
    font-weight: 500;
    font-size: 1.5rem;
    text-align: center;
}
.product-photo-ins .flex-list{
	width: 100%;
	justify-content: space-between;
	flex-wrap: wrap;
}
.product-photo-ins .ins_img{
	width: 25%;
	padding: 5px;
}
/* product-similar product-recommend */
.product-personality {
	position: relative;
	clear: both;
	overflow: hidden;
	padding-top:2rem;
	background:#F5F5F5;
}

.product-personality .title-content {
	width: 100%;
	font-weight: 500;
	font-size: 1.5rem;
	text-align: center;
}

/* best sellers */
.products-best-list .item .prom-tag{
	min-width: 5rem;
	color:#FFF;
 	display: block;
	padding: 0;
	text-align: center;
	line-height: 0;
}
.products-best-list .item .prom-tag.noshow{
	background: #FFF;
	border-color: #FFF;
}
.products-best-list .item .to_right {
    float: right;
    border-left: 10px solid #fff;
    border-right: 0;
    border-top: 10px solid #f8b378;
    border-bottom: 10px solid #f8b378;
}
.product-best{
	background:#faebe6;
    padding: 1rem 0;
	width:100%;
}
.product-best ul{
	display: block;
    width: 100%;
}
.product-best .best_product_list{
	width:100%;
	max-width: 1200px;
	margin: 0 auto;
}

.product-best .products-list-container li.item{
	width: 48%;
    background: #FFF;
    margin: 1%;
}
.product-best .best_product_list li.item .item-image {
    padding: .5rem;
}
.product-best .best_product_list  li.item .porduct-info p{
	display: inline-block;
}
.product-best .best_product_list  li.item .porduct-info .item-name{
	border:1px solid transparent;
	border-bottom: 1px dashed #CCCCCC;
	color: #666;
	font-size: 1rem;
	padding:.5rem;
	text-align: left;
}
.product-best .best_product_list  li.item .porduct-info .item-price{
	border:1px solid transparent;
	border-bottom: 1px dashed #CCCCCC;
	padding:.5rem;
	font-size: 1rem;
	font-weight: 700;
	color: #666;
	text-align: right;
}
.product-best .best_product_list  li.item .porduct-action{
	border:1px solid #666;
	border-radius: 1.5rem;
	margin:.5rem auto;
	color: #666;
	display: block;
	text-align: center;
	line-height: 2rem;
	width: 50%;
	display: none;
}
.product-best .best_product_list li.item:hover .porduct-action{
	background:#666;
	color: #FFF;
}
.product-best .best_product_list li.item .product-feature{
	text-align: center;
	width: auto;
    height: 2rem;
    margin:0;
    padding:0 20px;
    color: #FFF;
    position: relative;
}
.product-best .best_product_list  li.item .product-feature .arrow{
    position:absolute;
}
.product-best .best_product_list  li.item .product-feature .arrow .leftspan,.product-best .best_product_list .item .product-feature  .arrow .right{ 
    width: 40px;
  	height: 20px;
  	margin: 20px auto;
  	position: relative;
  	line-height: 20px;
}
.product-best .best_product_list  li.item .product-feature .arrowtext{
	background:#E39595;
	display: inline-block;
	height: 20px;
    line-height: 20px;
    padding:0 10px;
    text-transform: uppercase;
}
.product-best .best_product_list  li.item .product-feature .arrow.left{
	left: 10px;
}
.product-best .best_product_list  li.item .product-feature  .arrow.right{ 
	right:20px;
}
.product-best .best_product_list  li.item .product-feature .arrow .leftspan::before{
  	content: '';
  	position: absolute;
  	border-left:10px solid #FFF;
  	border-top: 10px solid #E39595;
  	border-bottom: 10px solid #E39595;
}
.product-best .best_product_list  li.item .product-feature .arrow .rightspan::before{
  	content: '';
  	position: absolute;
  	border-right:10px solid #FFF;
  	border-top: 10px solid #E39595;
  	border-bottom: 10px solid #E39595;
}

/* recomment product list */
/* recommend list */
.product-personality .recommend_product_list{
    padding: .5rem 0.8rem;
}
.product-personality .recommend_product_list ul {
	display: inline-flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

.products-list-container li.item{
	width: 49%;
	background: #FFF;
	float: left;
	margin-top:2%;
	position: relative;
}

.products-list-container li.item .item-info{
    padding: 1rem 1rem .25rem 1rem;
}
.products-list-container li.item .item-image img{
	margin:0 auto;
}
.product-personality .recommend_product_list .item-info-content{
	font-size: 1rem;
	color: #666;
}
.product-personality .recommend_product_list .carousel-indicators{
	display: none;
}
#product-frame-Carousel .item>a{
	display: block;
}
.products-list-container li.item .item-info-content {
	font-size: 1rem;
	color:#666;
}

.products-list-container li.item .item-inner-content {
	padding:0.2rem;
	font-size: 1.2rem;
}
.sale-price-tag{
	text-decoration:line-through;
	color: #C9C9C9;
	font-weight: 100;
	display: none;
}
.products-list-container li.item .item-info-content .item-name,.products-list-container .item .item-info-content .item-price{
	display:block;	
	text-align: center;		
	color:#CCC;
	font-size: 1rem;
}
.products-list-container .item .item-info-content .item-price .real-price-tag{
	font-size: 1.2rem;
	color:#111;
}
.products-list-container li.item .item-colors-sizes p{
	text-align: center;
	margin:0;
	padding:0;
}
.products-list-container li.item .item-colors-sizes p.product-size-type{
	height: 2rem;
    line-height:2rem;
    float:right;
    display: none;
}
.products-list-container li.item .item-colors-sizes .product-size-type span{
	padding:2px 8px;
	border:1px solid #22B3E6;
	color:#22B3E6;
}
.item-colors-sizes a{
	display: inline-block;
	padding:3px;
	margin:0.2rem;
	width:1.8rem;
	height:1.8rem;
	border: 1px solid transparent;
	border-radius: 50%;
	font-size:0px;
}
.item-colors-sizes a img{
	border-radius: 50%;
}
.item-colors-sizes a.active{
	border: 1px solid #535353;
	font-size:0px;
}
/* end */

@media(min-width:768px) {
	.product-best ul{
		display: inline-flex;
		justify-content: space-between;
		flex-wrap: wrap;
	    width: 100%;
	}
	.product-best .products-list-container .products-best-list li.item{
		width:48%;
	}
	.product-best .best_product_list .products-best-list li.item .item-image{
		padding:1rem;
	}
	.product-best .best_product_list .products-best-list li.item .porduct-info p{
		display: block;
		width:80%;
		margin:0 auto;
	}
	.product-best .best_product_list .products-best-list li.item .porduct-info .item-name{
		border:1px solid transparent;
		border-bottom: 1px dashed #CCCCCC;
		color: #666;
		padding:.5rem;
		text-align: center;
	}
	.product-best .best_product_list .products-best-list li.item .porduct-info .item-price{
		border:1px solid transparent;
		padding:.5rem;
		font-size: 1.2rem;
		color: #666;
		text-align: center;
	}
	.product-best .best_product_list .products-best-list li.item .porduct-action{
		padding:.2rem 1rem;
		margin:.25rem auto;
		font-size: .85rem;
	}

	/* share img */
	.media-action{
		/*margin-top:.5rem;*/
		margin:1rem;
	}
	.shopping-more-info.flex-list{
		justify-content: space-between;
	}
}
@media(min-width:1024px) {
	.top-promo {
		background:#FFF;
	}
	/* share img */
	.product-shipping .title-content p.title{
		font-size: 1rem;
	}
	.product-shipping .title-content p.info{
		font-size: .7rem;
		line-height: 1rem;
	}
	.product-shipping .shipping-content, .product-shipping .shipping-content table{
		margin-top: 5px;
		
	}
	.product-shipping .shipping-content table th{
		font-size: 1rem;
	}
	.product-shipping .shipping-content table th.dd{
		font-size: .8rem;
	}
	.product-shipping .shipping-content table td{
		font-size: .7rem;
	}
	.count-time-txt{
		font-size: 1.2rem;
	}
	.product-shipping .shipping-content .tips{
		font-size:.6rem;
		padding:.5rem 1.3rem;
		line-height: 1rem;
	}
	.product-shipping .shipping-content .tips>a{
		text-decoration:underline;
	}
	.media-action{
		/*margin-top:.5rem;*/
		margin:1rem;
		margin-bottom:.5rem;
	}
	/* pad portrait*/
	.product-shipping .title-content{
		padding: 0;
	}
	
	.main-action button{
		width: 49%;
		font-size: 1rem;
	    padding: .5rem 1rem;
	}
	.product-images .attr-tag{
	    /*top:1.9rem;*/
	   marign-top:.5rem;
	   
	}
	.review-total{
		font-size: .7rem;
	}
	.review-total .review-totalcount{
		font-size: .7rem;
	}
	.product-images .item-s.btn-try {
		display: inline-flex;
	   /* top: 1.5rem;*/
	}
	.product-colors-sizes .color-tips{
		margin-top: 1rem;
	}
    .product-colors-sizes .info-color{
    	margin-top: 0;
    }
	/*  product info tips &  spec */
	.product-info .product-basic-info .r-price{
		font-size: 1.4rem;
	}
	.product-info .product-basic-info .product-promo{
		width:35%;
	}
	.product-info .product-basic-info .sku-info .sku-info-1{
		margin-bottom:.25rem;
	}
	.product-info .product-basic-info .s-price{
		margin-left:.5rem;
    	font-size: 1rem;
	}
	.product-info .product-basic-info .product-sku-name{
		font-size: 0.8rem;
	}
	.gallery-top,.gallery-top-all{
	    padding: 2rem 0;
	    padding-top: 0;
	}
	/*  product info details */
	/* button action */
	.main-action{
	    padding:0rem;
    	margin-bottom: 1.25rem;
    	
	}
	.promo-info-show{
		padding: .2rem;
	}
	.promo-info-show .view-info>.promo-tag{
		width: 1rem;
		height: 1rem;
    	margin-left: .5rem;
	}
	.promo-info-show .view-action>a{
		margin-right: 1.5rem;
	}
	/* product info spec */
	.promo-info-show{
		margin:0;
	}
	/* product reviews */
	.fit_detail{
		margin-top: 0.25rem;
	}
	.fit_detail li{
		font-size: .7rem;
	}
	.fit_detail .dline{
		display: none;
	}
	.comment-list-info{
		position: relative;
	}
	#info-tab-rev .review-item .review-user-info{
    	display: inline-block;
    }
    #info-tab-rev .review-item .review-user-info .review-author{
    	font-size: .8rem;
    	margin-bottom: .75rem;
    }
    
    #info-tab-rev .review-item .review-user-info .review-product{
    	color: #999;
    	margin: 0;
    }
   	#info-tab-rev .review-item .review-info .rating-container .star{
   		font-size: .8rem;
   	}
    #info-tab-rev .review-item .review-info{
    	width: 75%;
    	padding-left:2rem;
    }
    
    #info-tab-rev .review-item .review-info .review-star{
    	width:100%;
    	display: inline-flex;
	    align-items: baseline;
    	justify-content: flex-start;
    	margin-bottom: .75rem;
    }
    
	/* ins list */
	.product-photo-ins .ins_img{
		width:33.33%;
	}
    
	/* recommend list */
	.product-recommend.product-personality{
		background: #FFF;
	}
	.products-list-container li.item .item-info-content .item-name, .products-list-container .item .item-info-content .item-price{
		font-size: .7rem;
	}
	
	.products-list-container .item .item-info-content .item-price .real-price-tag{
		font-size: .8rem;
	}
	/* PC */
	.product-images{
		/*width: 62%;*/
		width: 68%;
		/*max-width: 750px;*/
	}
	
	.product-images .swiper-all-container.swiper-all-pc{
		display: block;
	}
	.product-images .swiper-all-container.swiper-all-m{
		display: none;
	}
	.product-images .product-model{
		display: inline-block;
	}
	/* product modal */
	.product-images .product-model{
		width: 100%;
		display: inline-flex;
		justify-content: space-between;
		flex-wrap: wrap;
	    margin: -5px;
	    margin-top: 1rem;
	}
	.item-modal{
		
		padding:.5rem;
		width: 50%;
	/*
		position: relative;
		width:50%;
		padding: 5px;
		padding-bottom:50%;
		height:0;
		overflow: hidden;	*/
	}
	.item-modal img{/*
		position: absolute;
		width:100%;
		top:0;
		bottom: 0;
		margin: auto;*/
	}
	
	#collapseshare{
		
	}
	.media-action .action-icon.action-icon-pc{
    	display: inline-flex;
    	line-height: 3rem;
	}

	/* glasses info & name */
	.product-all-info.flex-list {
	    flex-direction: row;
	    margin: 0 auto;
	    padding: 0;
	    font-size: .7rem;
	}
	
	.product-info{
		/*width: 38%;*/
		width: 32%;
		padding-left:.5rem;
    	padding-top: 2rem;
	}
	
	.product-info .product-basic-info{
		border:0;
		padding:0;
	}
	.product-info .product-reivew{
		border:0;
		padding:0;
		margin:.5rem 0;
	}
	.product-info .product-colors-sizes{
		padding:0;
		border:0;
		margin: .5rem 0;
	}
	.product-colors-sizes .product-title{
		display: block;
		width: 100%;
		font-size: .7rem;
	}
	.product-colors-sizes .size-guide{
		font-size:.7rem;
		margin-left:.25rem;
	}
	
	.product-colors-sizes .product-colors{
		display: block;
	}
	.product-colors-sizes .product-colors a {
	    width: 1.6rem;
	    font-size: 0;
	    border: 1px solid transparent;
	    border-radius: 50%;
	    font-size: .7rem;
	}
	.product-info .product-basic-info .product-promo .prom-tag{
		margin-top: .75rem;
	}
	.shopping-guide-info {
		background:#FAFAFA;
	    border-bottom: 0;
    	margin: 1rem 0;
	}
	.product-view-info{
		border-bottom:0;
		font-size: .85rem;
	}
	.product-view-info .accordion-toggle{
		display: none;
		font-size: 1rem;
		color: #333333;
	}
	.fit_detail{
		display: block;
		border-top:0;
		padding:0;
		padding-top: .25rem;
	}
	.fit_detail .collapse{
		padding: 0;
	}
	.product-colors-sizes button.like-tag, .action-icon-pc button.like-tag{
		font-size:.9rem;
	}
	.media-pc>a{
		font-size: .9rem;
	}
	.product-images .product-model{
		margin-top: 0;
	}

	.media-action .action-icon-pc>div.like-pc{
		width: 30%;
	    display: inline-flex;
	    justify-content: center;
	    align-items: center;
	}
	.media-action .action-icon-pc>div.like-pc .like-tag{
		display: inline-flex;
    	justify-content: center;
   		align-items: center;
	}
	.media-action .action-icon-pc>div.like-pc .like-tag .fa{
		font-size: 1.3rem;
		margin-right: .5rem;
	}
	.media-action .follow-us-icon .f-icon>a{
		padding:.25rem .4rem;
	}
	.media-action .action-icon-pc>div.media-pc{
		width: 70%;
    	align-items: center;
   		justify-content: center;
   		display: inline-flex;
	}
	.media-action .action-icon-pc>div.media-pc .follow-us-icon{
		display: inline-block;
	}
	/* more TAB info */
	.rating-xs{
		font-size: 3em;
	}
	#info-tab-rev .review-totalcount{
		margin-bottom: 0;
	}
	#info-tab-rev .review-item .review-user-info{
		font-size: .8rem;
	}
	#infoTab{
		height: 3rem;
	}
	#infoTab li>a{
		font-size: .7rem;
	}
	.size-table{
		width: 60%;
		padding: 0;
		padding-right: 1rem;
	}
	
	.size-diagram{
		width: 40%;
	}
	/* gift */
	#info-tab-gift .flex-list{
		flex-direction: row;
	}
	#info-tab-gift .free-gift {
		width:33%;
		text-align: center;
		display: block;
	}
	#info-tab-gift .free-gift .kuang{
		width: 80%;
    	margin: auto;
	}
	#info-tab-gift .free-gift .kuang img{
		width: 100%;
	}
	#info-tab-gift .free-gift .gift-txt{
		padding:1rem 0;
		width: 100%;
		font-size: .8rem;
		text-align: center;
	}
	/* review */
	#info-tab-rev .review-item .review-info .review-tips{
		font-size: .8rem;
		color:#333;
	}
    #info-tab-rev .review-item .review-info .review-text{
    	font-size: .7rem;
    }
    #info-tab-rev .review-item .review-info .review-helpful{
    	text-align: left;
   		margin-top:.5rem;
    }
	/* best sellers */
	
	.product-best .products-list-container .products-best-list li.item{
		width:32.5%;
		margin:.5% 0;
	}
	/* home-recommend-product */
	.product-personality .products-list-container li.item{
		width:30%;
		overflow: hidden;
	}
	.product-personality .products-list-container li.item.grid-two{
		width:50% !important;
		float: left;
		height: 460px !important;
		overflow: hidden;
	}
	.product-personality .products-list-container li.item .item-image{
		width:90%;
		margin:0 auto;
	}
	.product-personality .products-list-container li.item .item-inner-content {
	   padding: 5px 15px;
	}
	
	.product-personality .products-list-container li.item .item-tag .fit-tag,.products-list-container .item .item-tag .like-tag{
		line-height: 30px;
		font-size:30px;
		color: #FF0000;
	}
	.product-personality .products-list-container li.item .item-tag .fit-tag span{
		padding:3px 10px;
		font-size:16px;
	}
	.product-personality .products-list-container li.item .item-info-content {
		font-size: 18px;
	}
	.product-personality .products-list-container li.item .item-info-content p{
		margin:0;
	}
	
	.product-personality .item-button-action .try-btn {
		font-size: 24px;
		padding: 0;
		width: 48%;
		height: 40px;
	}
	.product-personality .item-button-action .detail-btn{
		width:48%;
		padding: 0;
		font-size: 24px;
		height:40px;
	}
	.product-personality .item-colors-sizes a{
		padding:3px;
		margin-right:2px;
		width:25px;
		height:25px;
	}
}