@charset "utf-8";
/* CSS Document */
@font-face{
	font-family:'segoe-ui_normal';
	src: url('../fonts/segoe-ui/normal/latest.eot');
	src: url('../fonts/segoe-ui/normal/latest.eot?#iefix') format('embedded-opentype'),
	url('../fonts/segoe-ui/normal/latest.woff') format('woff'),
	url('../fonts/segoe-ui/normal/latest.ttf') format('truetype'),
	url('../fonts/segoe-ui/normal/latest.svg#web') format('svg');
	font-weight:normal;
	font-style:normal
}
@font-face{
	font-family:'segoe-ui_bold';
	src: url('../fonts/segoe-ui/semibold/latest.eot');
	src: url('../fonts/segoe-ui/semibold/latest.eot?#iefix') format('embedded-opentype'),
	url('../fonts/segoe-ui/semibold/latest.woff') format('woff'),
	url('../fonts/segoe-ui/semibold/latest.ttf') format('truetype'),
	url('../fonts/segoe-ui/semibold/latest.svg#web') format('svg');
	font-weight:bold;
	font-style:normal
}
@font-face{
	font-family:'segoe-ui_light';
	src: url('../fonts/segoe-ui/light/latest.eot');
	src: url('../fonts/segoe-ui/light/latest.eot?#iefix') format('embedded-opentype'),
	url('../fonts/segoe-ui/light/latest.woff') format('woff'),
	url('../fonts/segoe-ui/light/latest.ttf') format('truetype'),
	url('../fonts/segoe-ui/light/latest.svg#segoe-ui_light') format('svg');
	font-weight:normal;
	font-style:normal
}
body{ color:#333; font-family:segoe-ui_normal,'Segoe UI',Segoe,'Segoe WP',Tahoma,Verdana,Arial,sans-serif; font-size:14px;}
a{ color:#333; text-decoration:none;outline: none;}
a:hover{ color:#06b4d1; text-decoration: none;}
ul,li{ list-style:none; margin:0; padding:0;}
/*---------------------------------------------------------------
base(reset|property)-common(layout|list)-page-form-hack
---------------------------------------------------------------*/
/*base*/
/*width*/
.w60{ width:60px;}
.w80{ width:80px;}
.w100{ width:100px;}
.w120{ width:120px;}
.w140{ width:140px;}
.w160{ width:160px;}
.w180{ width:180px;}
.w200{ width:200px;}
.w300{ width:300px;}
.wall{ width:100%;}
/*margin*/
.mt5{ margin-top:5px;}
.ml10{ margin-left:10px;}
.mr5{ margin-right:5px;}
.mr10{ margin-right:10px;}
.mr30{ margin-right:30px;}
.mt20{ margin-top:20px;}
/*padding*/
.pdl100{ padding-left:100px;}
.pdl20{ padding-left:20px;}
/*background*/
.bgblue{ background-color:#06b4d1;}
.scrollist .prev, .scrollist .next{ background:url(../images/pre-next-md.png) no-repeat;}
.bg01{ background-color:#ebebeb;}
.bg02{ background-color:#c3e8f8;}
/*color*/
.white{ color:#fff;}
.col01{ color:#06b4d1;}
.col02{ color:#f16c00;}
.col-red{ background-color:#ff0000;}
.col-brown{ background-color:#800000;}
.col-pink{ background-color:#ffc0cb;}
.col-blue{ background-color:#0000ff;}
.col-black{ background-color:#000000;}
.col-gunmetal{ background-color:#a9988f;}
.col-silver{ background-color:#aea9a6;}
.col-purple{ background-color:#581f61;}
.col-golden{ background-color:#f0e7d5;}
.col-yellow{ background-color:#ffff00;}
.col-burgundy{ background-color:#42191d;}
.col-green{ background-color:#008000;}
.col-white{ background-color:#fff;}
.col-gray{ background-color:#808080;}
.col-orange{ background-color:#ffa500;}
.col-chocolate{ background-color:#3d150b;}
.col-champagne{ background-color:#e9c892;}
.col-beige{ background-color:#edd7c0;}
.col-bronze{ background-color:#63472f;}
.col{ background:url(../images/color.png) no-repeat;}
.col-black-brown{ background-position:-10px -10px;}
.col-blue-tortoise{ background-position:-40px -10px;}
.col-black-blue{ background-position:-10px -35px;}
.col-black-zebra{ background-position:-40px -35px;}
.col-black-rose{ background-position:-10px -60px;}
.col-multicolour{ background-position:-40px -60px;}
.col-purple-pink{ background-position:-10px -85px;}
.col-brown-chocolate{ background-position:-40px -85px;}
.col-black-red{ background-position:-10px -110px;}
.col-black-yellow{ background-position:-40px -110px;}
.col-yellow-tortoise{ background-position:-10px -135px;}
.col-burgundy-crystal{ background-position:-40px -135px;}
.col-red-crystal{ background-position:-10px -160px;}
.col-blue-crystal{ background-position:-40px -160px;}
.col-red-cyan{ background-position:-10px -185px;}
.col-black-chocolate{ background-position:-40px -185px;}
.col-red-black{ background-position:-10px -210px;}
.col-red-tortoise{ background-position:-40px -210px;}
.col-tortoise-crystal{ background-position:-10px -235px;}
.col-tortoise-pink{ background-position:-10px -535px;}
.col-black-white{ background-position:-40px -235px;}
.col-brown-yellow{ background-position:-10px -260px;}
.col-crystal-tortoise{ background-position:-40px -260px;}
.col-gunmetal-pink{ background-position:-10px -285px;}
.col-tortoise-black{ background-position:-40px -285px;}
.col-red-red-clip-on{ background-position:-10px -310px;}
.col-black-tortoise{ background-position:-40px -310px;}
.col-brown-stripe{ background-position:-10px -335px;}
.col-black-gray{ background-position:-40px -335px;}
.col-gray-crystal{ background-position:-10px -360px;}
.col-purple-tortoise{ background-position:-40px -360px;}
.col-white-crystal{ background-position:-10px -385px;}
.col-black-silver{ background-position:-40px -385px;}
.col-mblack{ background-position:-10px -410px;}
.col-green-purple{ background-position:-40px -410px;}
.col-red-pink{ background-position:-10px -435px;}
.col-purple-crystal{ background-position:-40px -435px;}
.col-black-green{ background-position:-10px -460px;}
.col-blue-white{ background-position:-40px -460px;}
.col-crystal-white{ background-position:-10px -485px;}
.col-blue-tortoise{ background-position:-40px -485px;}
.col-rose-tortoise{ background-position:-10px -510px;}
.col-pink-blue{ background-position:-40px -510px;}
.col-multicolour-pink{ background-position:-10px -535px;}
.col-purple-tortoise{ background-position:-40px -535px;}
.col-multicolour-crystal{ background-position:-10px -560px;}
.col-red-white{ background-position:-40px -560px;}
.col-green-pattern{ background-position:-10px -585px;}
.col-crystal-pattern{ background-position:-40px -585px;}
.col-pink-pattern{ background-position:-10px -610px;}
.col-black-tortoise{ background-position:-40px -610px;}
.col-black-purple{ background-position:-10px -635px;}
.col-black-blue-pattern{ background-position:-40px -635px;}
.col-black-golden{ background-position:-10px -660px;}
.col-crystal-tortoise{ background-position:-40px -660px;}
.col-champagne-crystal{ background-position:-10px -685px;}
.col-silver-purple{ background-position:-40px -685px;}
.col-golden-tortoise{ background-position:-10px -710px;}
.col-golden-red{ background-position:-40px -710px;}
.col-purple-green{ background-position:-10px -735px;}
.col-brown-golden{ background-position:-40px -735px;}
.col-blue-silver{ background-position:-10px -760px;}
.col-cream{ background-position:-40px -760px;}
.col-zebra{ background-position:-10px -785px;}
.col-crystal{ background-position:-40px -785px;}
.col-tortoise{ background-position:-10px -810px;}
.col-floral{ background-position:-40px -810px;}
.col-black-crystal{ background-position:-10px -835px;}
.col-black-gunmetal{ background-position:-40px -835px;}
.col-rose{ background-position:-10px -860px;}
.col-red-flora{ background-position:-40px -860px;}
.col-pink-flora{ background-position:-10px -885px;}
.col-green-flora{ background-position:-40px -885px;}
.col-flora-clear{ background-position:-10px -910px;}
.col-flora{ background-position:-40px -910px;}
.col-black-orange{ background-position:-10px -935px;}
/*text-align*/
.tal{ text-align:left;}
.tac{ text-align:center;}
.tar{ text-align:right;}
/*layout*/
header{ z-index:1000; position:relative; bottom:-1px;}
aside{ max-width:220px;}
img{ max-width:100%;}
#ie8-warning{ z-index:1006; position:fixed; top:0; width:100%; height:70px;}
.ie8-warning-con{ width:100%; padding:18px 0; background-color:#ffffe1; color:#333; font-size:16px; text-align:center; line-height:20px;}
.ie8-warning-con a{ color:#12b8d3;}
/*header*/
.header-bar{ height:40px; padding:10px 0; background-color:#2F2F2F; line-height:20px; color: #fff;}
.header-bar a{ color: #fff;}
.header-bar .col-sm-1{ padding-left:0;}
.header-livechat{ padding-left:0; color:#06b4d1; font-size:13px;}
.bar-currency{ float:left;  text-transform:uppercase;}
.bar-currency{ z-index:103; margin-top:-4px;font-size:13px;}
.invite{ line-height:14px;}
.invite a{ color:#f16c00; text-decoration:none;}
.header-bar-currency-btn{ margin-right:20px; padding:0; border:0 none; background:none;}
.header-search{width:85%; height: 38px;border:1px solid #d8d8d8; border-radius:5px;}
.header-search .header-search-q{padding-left:10px;line-height: 36px; -webkit-transition: width 0.3s; transition: width 0.3s; border:0 none; background:none; font-style:italic;}
.header-search-btn.fa-search{ border:0 none; background:none; font-size:20px;line-height: 36px;}
.header-search span{margin-left: 10px}
.quick-access-items li{ display:block; position:relative; float:left; padding:0 9px;}
.quick-access-items li.line{ padding:0;}
.quick-access-items .fa{ color:#fff;}
.quick-access-items .fa.fa-question-circle{ color:#fff; font-size:18px;}
.access-sub{ z-index:10001; position:absolute; top:20px; left:0; display:none; min-width:280px; padding:10px 20px 6px; background-color:#2F2F2F; font-size:13px;}
.track-search{ width:260px; color:#666;}
.track-order-input{ float:left; width:210px; padding:7px 0 6px 10px; border:1px solid #c8c8c8; border-right:0 none; line-height:18px;}
.track-btn{ float:left; width:38px; height:33px; padding:6px 0; border:1px solid #c8c8c8; border-left:0 none; color:#333; text-align:center; line-height:18px;}
.track-btn.fa-search{ color:#666;font-size:18px; }
.index-login-con{ margin-bottom:10px; border-bottom:1px dashed #c8c8c8;}
.index-login-sns{ text-align:center;}
.index-login-form dd{ padding-bottom:10px;}
a.btn-default.header-faq,a.btn-default.header-faq:hover{ text-transform:inherit; font-size:14px;}
.help-other{ margin:10px 0 10px 10px; font-size:16px;}
.help-other dd{ margin-bottom:10px;}
.help-other span{ display:inline-block; width:30px; height:30px; margin-right:10px; vertical-align:middle; text-align:center;}
.help-other span .fa{ color:#fff; font-size:24px;}
.help-other b,.help-other em{ font-style:normal; font-weight:normal; }
.help-other strong{ color:#06b4d1;}
.help-other .phone-time,.footer-email{ padding-left:54px; }
.help-other .phone-time{font-size:12px;}
/*iheader*/
/* .header-border{ border-bottom:1px solid #d8d8d8;} */
.iheader{ position:relative; padding:16px 0;}
.header-nav {margin-right: auto;margin-left: auto;padding: 0}
.header-nav .nav-tabs{background-color:#008CAC; height: 40px; }
.header-nav-help{ z-index:10001; position:absolute; top:20px; left:0; display:none; min-width:280px; padding:10px 20px 6px; background-color:#ebebeb; font-size:13px;}
.header-nav .dropdown-menu{border:0 none}
.open{background-color: #fff;}
.header-nav .men-glasses{width: 130%}
.header-nav .women-glasses{width: 130%}
.header-nav .sunglasses{width: 200%}
.header-nav .feature-glasses{width: 120%}
.header-nav .header-help{width: 500%;right: 0;left: auto;}
.men-glasses-menu,.sunglasses-menu{padding: 10px 0 30px 30px; width: 90%;font-size: 16px}
.men-glasses-menu .menu_title{margin: 5px 0; display: block;}
.men-glasses-menu dl dd{padding-top: 10px; }
.sunglasses-menu dl dd{padding-top: 10px;}
.header-nav .col-menu{width: 20%;float: left;position: relative;min-height: 1px;padding-right: 15px;padding-left: 15px;}
.help-menu1,.help-menu2{padding: 10px 0 30px 35px;}
.help-menu1 .menu_title{margin: 5px 0; display: block;font-size: 16px;}
.help-menu1 dl{border-top: 1px solid #ccc; }
.help-menu1 dl dd{padding-top: 10px; }
.help-menu2 .btn-default{width: 80%;}
.help-live-chat{background-image:url(../images/new_index/live_chat.jpg);}
.help-message{background-image:url(../images/new_index/message.jpg);}
.help-phone{background-image:url(../images/new_index/phone.jpg);}
.help-center{background-image:url(../images/new_index/help_center.jpg);}

.drop-more{ margin-top:28px;}
.drop-more a{ padding-left:20px;color:#06b4d1; font-weight:normal;}
.drop-more a:hover{ text-decoration:underline;}
a#promotion-tab{ color:#f16c00;}
.swiper-container_banner,.freeshipping {margin-right: auto;margin-left: auto;}
.swiper-container_banner .swiper-container{ max-width:900px; margin-top: 10px;}
.banner_right img{margin-top: 10px}
.line_title{width:100%;display:flex;display:-webkit-box;margin:0 auto;}
.line_title .line{flex:1;-webkit-box-flex:1;border-top:1px solid #d8d8d8;position: relative;top:24px;}
.line_title .line_text{padding:0 12px;font-size:30px;}
/*scroll-nav-wrapper*/
.scroll-nav-wrapper{ z-index:1005; display:none; position:fixed; top:0; width:100%; height:50px; background-color:#262626;  filter:alpha(opacity=95);-moz-opacity: 0.95;-khtml-opacity: 0.95;opacity: 0.95;}
.scroll-nav-wrapper .container{padding:8px 0 7px; }
.scroll-nav-wrapper,.scroll-nav-wrapper a{ color:#fff; text-transform:uppercase;}
.scroll-nav-wrapper .nav-tabs > li > a{ padding:10px 13px;}
.quick-bar{ padding-top:5px; text-align: right;}
.quick-bar a{ margin-left:10px;}
.quick-bar .fa{font-size:24px; }
/*footer*/
.sns-newsletter{ padding:12px 0; background-color:#cee3e7;}
/*newsletter*/
.footer-newsletter{}
.footer-sns label b{ text-transform:uppercase; font-size:18px;}
.footer-sns span,.icon-phone,.icon-email{ display: inline-block;  margin-right: 10px; padding: 8px; border: 2px solid #333; vertical-align: middle; text-align: center;}
.footer-sns span .fa{ color:#333; font-size:24px;}
.footer-newsletter label{ padding-right:8px;}
.footer-newsletter label b{ font-size:18px;}
.footer-newsletter-input{ float:left; height:36px; padding-left:6px;border:2px solid #333;}
.footer-newsletter-btn{ float: left; width:96px; height:36px; border:2px solid #333; border-left:0 none; background-color:#f16c00; color:#fff; text-align:center; text-transform:uppercase; line-height:32px;}
.footer-links{ padding-bottom:30px; background-color:#eaf4f6;}
.phone-emal{ margin:30px 0; padding:30px 0; border-top:1px dashed #9aa8ab; border-bottom:1px dashed #9aa8ab; }
.phone strong{ color:#06b4d1; font-weight:normal;}
.phone-time{ padding-left:140px; font-size:16px; font-weight:normal;}
a.sendmessage{ padding-left:100px; color:#06b4d1;}
.service h3{ font-weight:bold; text-transform:uppercase;}
.service dl{ float:left; margin-right:60px;}
.service .tar a{color:#06b4d1; text-decoration:underline;}
/*about us*/
.thumb-us{ padding:0 0 30px; border-bottom:1px dashed #9aa8ab; line-height:16px;}
.thumb-us h2{ margin:0; padding:0 0 20px; font-size:20px;}
.thumb-us p{ margin:0 0 5px;}
.link-wrap{ padding:30px 0 0;}
.link-wrap div{ float:left;}
.link-wrap dl{ float:left; padding-right:40px;}
.link-wrap h4{ font-size:18px; font-weight:bold; text-transform:uppercase;}
.copy-card{ padding:30px 0 80px; background-color:#fff;}
.copyright{ padding-top:10px; font-size:12px; text-align:right;}
/*style*/
.style{ display:inline-block; width:40px; height:16px; background:url(../images/shape.png) no-repeat;}
.full{ background-position: 0 -3px;}
.rectangle{ background-position: 0 -28px;}
.rimless{ background-position: 0 -53px;}
.cat-eye{ background-position: 0 -78px;}
.semi-rimless{background-position: 0 -103px;}
.square{ background-position: 0 -128px;}
.round{ background-position: 0 -153px;}
.wayfarer{ background-position: 0 -178px;}
.aviator{ background-position: 0 -203px;}
.oval{ background-position:0 -228px;}
.style11{ background-position: 0 -295px;}
.cards-method-save span{ display:inline-block;}
/*freeshipping*/
.freeshipping{ padding:11px 0; border-bottom:1px solid #d8d8d8; background-color:#fafafa; color:#333; text-transform:uppercase; text-align:center;}
.freeshipping b{ color:#f16c00;}
/*housekeeping*/
.housekeeping{font-size: 18px;color:#06b4d1; padding:11px 0; border:2px solid #23aae2; text-align:center; margin: 30px auto;background-color: #effaff;}
.housekeeping a{font-size: 19px;font-family: "Segoe UI";color:#06b4d1;}
.housekeeping span{font-family: "Times New Roman";font-style: italic;}
/*swiper*/
.swiper-container{ max-width:1903px; text-align:center;}
.swiper-pagination-bullet{ width:12px; height:12px; margin:0 3px; border:0 none; border-radius:12px;}
.swiper-pagination-bullet-active{ margin:0 3px; border:0 none; background-color:#06b4d1;}
.swiper-button-prev,.swiper-button-next{ width:29px; height:50px;}
.swiper-button-prev{ background-image:url(../images/icon-a-l.png);}
.swiper-button-next{ background-image:url(../images/icon-a-r.png);}
/*list*/
.category-freeshipping{ margin-top:10px; padding:15px 0; border:2px solid #4e4e4e; color:#333; font-size:18px; text-transform:uppercase; text-align:center;}
/*crumb*/
.breadcrumb{ height:30px; margin:10px 0; padding:0; border:0 none; background-color:#fff; text-align:left; line-height:30px; }
.breadcrumb h1,.breadcrumb h2,.breadcrumb h3{display:inline-block; margin:0; font-size:12px;  }
.breadcrumb h1{ color:#000; font-family:'segoe-ui_bold';}
/*aside*/
.featurelink,.asidecon h4{font-size:15px; text-transform:uppercase; }
.featurelink{ margin:0; font-family:'segoe-ui_bold';}
.featurelink dd{ line-height:26px;}
.asidecon h4 { margin:6px 0 0; border-bottom:1px solid #d8d8d8; line-height:30px;}
.asidecon ul { margin:0 0 10px; color:#333; font-size:13px;}
.asidecon ul li{ line-height:24px;}
.asidecon ul li a:hover{ color:#454545;}
.asidecon ul li h5 { margin:0; padding:15px 0 2px; font-size:14px; font-family:'segoe-ui_bold'; text-transform:uppercase;}
.asidecon ul li label{ cursor:pointer; font-weight:normal;}
.choosestyle li span { display:inline-block; padding-left:44px;  }
.framewidth-icon,.lenswidth-icon{display:inline-block; width:47px; background:url(../images/shape.png) no-repeat; vertical-align:middle;}
.framewidth-icon{ height:20px; background-position:0 -253px;}
.lenswidth-icon{ height:11px; background-position:0 -282px;}
/*sliderange*/
.ui-slider{ position:relative; top:8px; width: auto; padding:0;}
.ui-slider-range{ position:absolute; top:0;z-index:2; display:block; background:#83dae9; height:8px; background-position:0 0;}
.ui-slider-horizontal{ height:8px;}
.ui-widget-content{ border-radius:4px; background:#aaa;}
.ui-slider-handle,.ui-slider-handle.ui-state-default.ui-corner-all,.ui-slider-handle.ui-state-default.ui-corner-all.ui-state-hover {position:absolute; z-index:3; display:inline-block; width:16px; height:16px; top:-4px; border:0 none; border-radius:16px; background-color:#06b4d1;}
#priceRangeMin,#priceRangeMax { width:23px; margin-top:20px; border:0 none; background-color:#fff; line-height:14px; white-space: nowrap; }
/*select*/
.sort select {
	border: solid 1px transparent; appearance:none; -moz-appearance:none; -webkit-appearance:none; background: url(../images/sort-arrow.png) no-repeat scroll right center transparent;
	padding-right: 14px; outline:none;}
.sort select::-ms-expand { display: none; outline:none;}
/*pagation*/
.sort-page{ padding:0 0 20px; }
.sort label{ float:left; margin:0 7px 0 0; line-height:24px; font-weight:normal;}
.pagination{ margin:0;}
.pagination > li > a, .pagination > li > span{ float:none; display:inline-block; width:33px; height:33px; padding:0; border:0 none; background-color:#f0f0f0; font-size:16px; text-align:center; line-height:33px;}
.pagination > li > a, .pagination > li > span{ color:#333;}
.pagination > li > a.current,.pagination > li > a:hover, .pagination > li > span:hover{ background:#919191; color:#ffffff;}
.pagination > li.result,.pagination > li > a.viewall{ width:auto; margin-left:10px; border:0 none; background:none; color:#06b4d1;}
.pagination > li > a.viewall:hover{ background:none;  text-decoration:underline;}
/*filter*/
.filter-result li{ cursor:pointer; float:left; margin:0 15px 8px 0; padding:5px; background-color:#efefef;}
.filter-result li i{ text-indent:5px; color:#9e9e9e; font-size:16px; }
.filter-result li.clearall{ margin-right:0; background:none; color:#06b4d1;}
/*prlist*/
.prlist{ margin-top:20px;}
.prlist .col-sm-6{ position:relative; float:left; height:351px; margin:0; text-align:center; line-height:17px;}
.prlist .select_color{ margin-bottom:10px;}
.prlist .action{ display:none;}
.icon-promotion{ position:absolute; top:0; left:15px; display:inline-block; width:48px; height:40px; background:url(../images/promo.png) no-repeat;}
.cart_icon-promotion{ position:relative; top:0; left:15px; width:48px; height:20px; background:url(../images/promo.png) no-repeat;}
.new{ background-position:0 0;}
.sale{ background-position:0 -50px;}
.premiums{ width:70px; height:20px; background-position:0 -236px;}
.outofstock{ width:60px; height:60px; background-position:0 -168px;}
.prlist .pimg{ margin-bottom:8px;}
.prlist .pname{ height:40px; margin-bottom:7px; overflow:hidden; text-align:left;}
.prlist .pname,.prlist .pprice{ font-size:16px;}
.prlist .pprice.col-xs-12{ margin-bottom:0;}
.action{ padding:0;}
.action .col-md-7{ text-align:left;}
.action .col-md-5{ text-align:right;}
.action a{ color:#06b4d1; font-size:13px; line-height:35px;}
.action i,.action-xs a i{ padding-right:5px; color:#06b4d1; font-size:15px;}
.tryon{ display:inline-block; border:0 none; background:none; color:#06b4d1;}
.action .tryon{ padding:8px 0;}
.prlist .pprice b{ color:#06b4d1; font-size:18px; font-family:'segoe-ui_bold';}
.prlist .pprice .sprice{ color:#f22a42;}
.prlist .pprice del{ display:inline-block; margin-left:10px; color:#1f1f1f; font-size:14px;}
.prlist .pprice b.our{ color:#f00a0a;}
.firstfree{ position:relative; display:inline-block; width:100%; height:80%; background-color:#01b3a7;}
.firstfreedes{ position:absolute; top:50%; left:50%; margin-left:-80px; margin-top:-100px; color:#fff; text-transform:uppercase;}
.firstfreedes p{ margin:0; font-size:35px; line-height:35px;}
.firstfreedes .title{ font-size:80px; line-height:80px;}
.firstfreedes .btn-shop{ display:inline-block; width:100%; margin-top:10px;  padding:9px 0; border:1px solid #fff; color:#fff; text-align:center;}
/*star*/
.star{ display:inline-block; width:146px; height:28px; background:url(../images/star.png) no-repeat;}
.star0{ background-position:0 -140px;}
.star1{ background-position:0 -112px;}
.star2{ background-position:0 -84px}
.star3{ background-position:0 -56px;}
.star4{ background-position:0 -28px;}
.star5{ background-position:0 0 ;}
/*wingray*/
#wingray { height:100%; width:100%; position:fixed; left:0; top:0; background-color:#333; filter:alpha(opacity=60); opacity:0.6; z-index:1001; _position:absolute;}
/*upload*/
.uploaddiv {z-index:1002;position:fixed;left:50%; top:50%; margin-left:-300px; margin-top:-300px; padding:20px; background-color:#fff; text-align:center;}
.newsletterbg{ padding:35px; border:4px solid #343434;}
.newsletter-title{ padding:0 0 12px; border-bottom:1px solid #272727; color:#272727; font-family:'segoe-ui_bold'; font-size:40px;}
.newsletter-sign{ padding:15px 0; font-size:26px; text-transform:uppercase;}
.newsletter-check{ font-size:35px;}
.newsletter-input,.newsltter-btn{ width:480px; border:0 none; font-size:20px; line-height:60px; text-align:center;}
.newsletter-input{background-color:#e6e6e6;}
.newsltter-btn{background-color:#06b4d1; color:#fff;}
.newsletter-tip{ font-size:15px;}
.newletter-close{cursor: pointer; position: absolute;top:-81px;right:0;display: inline-block;width:50px;height:81px; border:0 none; background:url(../images/newletter-close-btn.png) no-repeat;}
/*thanksgiving*/
.thanks-more{ cursor:pointer;}
.thanks-more-con{ z-index:1003; position:absolute; left:50%; top:50%; margin-left:-250px; margin-top:-250px; display:inline-block;}
.thanks-close{cursor: pointer; position: absolute;top:9px;right:12px;display: inline-block;width:30px;height:30px; border:0 none; background:url(../images/thanks-close.png) no-repeat;}
/* page.index */
/*subjunctive catelog*/
.thumb-category{ padding:20px 0; text-align:center}
.thumb-category a b{ margin-top:20px; font-weight:normal; text-transform:uppercase; }
.thumb-category a b,.thumb-category a {font-size:16px; }
.thumb-category h2,.viewscroll h2,.morelike h2{ color:#333; font-size:30px; text-transform:uppercase; text-align:center;}
.thumb-feature { padding-bottom: 10px;}
.thumb-feature p{ font-size: 16px;}
.thumb-photos{padding:10px 0; border-top:solid 1px #d8d8d8}
.thumb-photos h3{margin:0 0 20px 0;}
.thumb-photos a{color:#06b4d1;}
.thumb-photos .pull-left{width: 66%}
.thumb-photos .our_aim{overflow-y: scroll;}
/*scrolllist*/
.scrollist .prev, .scrollist .next { z-index:101;position: absolute;display: block;width: 20px;height: 33px;cursor: pointer;-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none;
	user-select: none;}
.scrollist .prev{ left:10px; background-position:0 0;}
.scrollist .next{ right:20px; background-position:0 -43px;}
.thumb-customer .scrollist .next, .thumb-customer .scrollist .prev, .thumb-recently .scrollist .next, .thumb-recently .scrollist .prev{ top:106px;}
/*photos view
.thumb-photos .list-container {/margin: 20px 0 0;overflow: hidden;position: relative;}
.thumb-photos .scrollist{ overflow:hidden; clear: both;position: relative; margin:0;padding:0;text-align: center;}
.clearfix {zoom: 1;}
.thumb-photos .scrollist{height:245px;}
.scrollist .prev, .scrollist .next { z-index:101;position: absolute;display: block;width: 20px;height: 33px;cursor: pointer;-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none;
user-select: none;}
.thumb-photos .scrollist .prev,.thumb-photos .scrollist .next,.thumb-customer .scrollist .prev,.thumb-customer .scrollist .next,.thumb-recently .scrollist .prev,.thumb-recently .scrollist .next{top:106px;}
.scrollist .prev{ left:10px; background-position:0 0;}
.scrollist .next{ right:20px; background-position:0 -43px;}
.photos-list {width: 100%;text-align: left;position: relative;}
.photos-list img {display: block; max-width:160px;}
.photos-item{ position: relative; display: inline-block; vertical-align: top; zoom: 1; text-align: center; float: left;}
.fancybox-title a{ color:#fff;}
.fancybox-title a:hover{ color:#428bca;}*/
/*favorite*/
.favourite{ position:relative; margin-bottom:15px;}
.favourite img{ opacity:1;}
.shop-this-frame{ position:absolute; top:50%; left:50%;margin-left:-100px;  margin-top:-20px; }
.shop-this-frame a{display:none; width:200px; height:40px; border:2px solid #333; background-color:#fff; font-size:16px; text-align:center; line-height:36px; text-transform:uppercase;}
.shop-this-frame a:hover{ background-color:#333; color:#fff;}
.move-on img{ opacity:0.2;}
.move-on a{ display:inline-block;}
/*review*/
.thumb-review{ font-size:13px; text-align: left;}
.thumb-review-con{ height:57px; overflow:hidden; font-size:13px; line-height:20px; }
/*sidebar*/
.livechat,.orderbyphone,.byphone{ overflow:hidden; z-index:99; position:fixed; bottom:60px; left:0;}
.livechat{ width:50px; height:50px;}
.livechat{bottom:100px;}
.orderbyphone{width:170px; height:72px; }
.orderbyphone,.byphone{bottom:20px;}
.livechat a,.orderbyphone a{ display:block;}
.livechat a{ width:50px; height:50px; background-position:0 -1921px;}
.orderbyphone a{ width:170px; height:72px; background: url(../images/orderbyphone.png) no-repeat;}
.byphone a{ display:inline-block; padding:6px; border:1px solid #e6e6e6; background-color:#f7f7f7; color:#666; font-size:14px; font-family:'segoe-ui_bold'; text-align:center;}
.byphone a b{ color:#f16c00;}
/* page.category */
.catalog-des{ padding:15px;}
.catalog-des h1{ font-size:18px; font-family:'segoe-ui_bold';}
.morelike{ margin-bottom:15px;}
.morelike div{ padding:8px 2%; text-align: left;}
.morelike a{ margin:10px 20px 10px 0; color:#06b4d1;}
.morelike a:hover{ text-decoration:underline;}
.category_wrapper{height:100%; width:100%; position:absolute; left:0; top:0; background-color:#FFF; filter:alpha(opacity=60); opacity:0.6; z-index:1001; _position:absolute;text-align:center;}
.category_wrapper img{ position:fixed; top:48%; }
/*category ajax*/
#layered-product-list-ajax{ position:relative;}
.jq-overlay{ z-index:999; position:fixed; top:0; left:0; right:0; bottom:0; width:100%; height:100%;}
.jq-overlay.loading-indicator{ filter:alpha(opacity=50);-moz-opacity: 0.5;-khtml-opacity: 0.5;opacity: 0.5; background:url(../images/loader.gif) no-repeat fixed 50% 50% #fff;}
/*customer view*/
.thumb-customer .scrollist ,.thumb-recently .scrollist{clear: both;position: relative; margin:0; padding:0;text-align: center;}
.thumb-customer .list-container,.thumb-recently .list-container{/* height: 310px; */margin: 20px 30px;overflow: hidden;position: relative;}
.thumb-customer .scrollist .next,.thumb-recently .scrollist .next{ right:10px;}
.clearfix {zoom: 1;}
.view-list { z-index:100;width: 100%;text-align: left;position: relative;}
.view-list img {display: block;}
.view-item { position: relative; display: inline-block; vertical-align: top; zoom: 1; text-align: center; float: left;}
.view-item a {display: inline-block;width: 100%;margin: 0 auto;text-align: center;text-decoration: none;overflow: hidden;}
.view-item strong {display: block;position: absolute;width: 100%;left: 0;bottom: 0;font-size: 18px;font-weight: normal;line-height: 1.5;text-align: center;color: #4c4c4c;padding-bottom: 3px;background-color: rgb(250, 250, 250);
	background-color: rgba(250, 250, 250, 0.6);}
.view-item span {display: block;margin:0 3px;padding:5px 2px 0; overflow: hidden;text-align:center;}
.view-item em{ display:block; font-style:normal;}
.view-item .pname{ height:35px; margin-bottom:7px; overflow:hidden; font-family:'segoe-ui_bold';}
.view-item .pname a{ color:#666; text-decoration:none;}
.view-item .pprice b{ color:#06b4d1; font-size:18px; font-family:'segoe-ui_bold';}
.view-item .pprice del{ display:inline-block; margin-right:10px; color:#666;}
.view-item .pprice b.our{ color:#f00a0a;}
.view-item .action{ padding:0;}
.view-item .action a{ width:auto;}
.view-item .action .col-sm-7{ padding-right:0;}
.view-item .action a.tryon{ padding-left:27px;}
/*page.product*/
/*product*/
.pr-charge h1{ margin:0; padding:0; font-weight:normal;}
.pr-charge li{ display:inline-block;}
.pr-charge .price{ padding-right:30px; font-size:18px; text-align:right;}
.pr-charge .price del{ font-size:14px;}
.sku-social-review{ font-size:13px;}
.sku-social-review .fa{ color:#9e9e9e;}
.pr-action{ z-index:10; position:absolute; left:0; top:20px;}
.tryon{ display:inline-block; }
#swiper-pr .swiper-slide-active .full-screen{ position:absolute; top:5%; left:120px; padding-right:20px; background:url(../images/shape.png) right -402px no-repeat; font-size:14px;}
.fa-share-friend{ display:inline-block; width:20px; height:24px; background:url(../images/shape.png) -8px -558px no-repeat;}
.color-choose label{ float:left; width:8%; padding:10px 0; font-size:16px; font-weight:normal; text-transform:uppercase; line-height:20px;}
.c-choose{ float:left; width:92%;}
.color-choose span{ cursor:pointer; display:inline-block; margin:0 10px 5px 0; padding:10px 14px; border:1px solid #d8d8d8; background-color:#fff; line-height:20px;}
.color-choose span.selected{ border:2px solid #06b4d1;}
.productinfo { font-size:13px;}
.productinfo h2{ font-weight:normal; text-transform:uppercase; text-align:center;}
.productinfo .title{ font-size:16px; text-transform:uppercase;font-weight: bold;}
.productinfo p{ margin:0; padding:0 0 5px 0;}
.package-free b{ font-size:18px;}
.package-free span{ color:#f16c00;}
.package-web li{ list-style: disc inside; color:#666;}
.sns-charge{ padding:20px 0;}
.pr-sns li{ float:left; width:35px; height:35px; margin-right:5px; border-radius:35px; border:2px solid #333; font-size:20px; text-align:center; line-height:30px;}
#prTab li{ font-size:16px; text-transform:uppercase;}
.swiper-container-favorite{padding: 12px; box-shadow: 0 0 2px 2px #e5e5e5; max-width: 666px; margin-top: 20px;}
.swiper-container-favorite img{max-height: 560px;}
.bod-btm{border-bottom: 1px dashed black;padding-bottom: 20px;margin-bottom: 20px;}
#productModal .close{position: absolute;top: 5px;right: -36px;display: block;width: 36px;height: 36px;background-color: #35C2D9;text-align: center;opacity: 1;	color: #fff;}
/*review*/
.reviews{ margin-top:20px; padding-left: 15px}
.reviewlist li{ margin-bottom:10px; padding-bottom:10px; border-bottom:1px solid #d8d8d8; font-size:13px;}
.write-review{color: #35C2D9;}
.r-info b{ padding-right:20px; font-size:14px;}
.r-info span,.r-info div{margin-right: 20px;}
.r-con{ }
.p-login h5{ font-size:14px; font-family:'segoe-ui_bold'; text-align:center;}
.reviews .title{font-size:16px; text-transform:uppercase;font-weight: bold;}
.overall-rating{padding: 20px 0; border-bottom: 1px solid #d8d8d8;}
.overall-rating div,.r-info div{display: inline-block;	vertical-align: middle;}
.r-info-name{font-weight: bold;color: #06b4d1;font-size: 16px;}
.r-info,.r-con{margin-bottom: 20px;}
.r-reply{padding: 20px;background-color: #eff9fd;border: 1px solid #d8d8d8;border-radius:5px;}
/* product_new start */
a.bigger:hover{cursor: url('../images/bigger.png'),auto;}
.smallImg .swiper{position: relative; width: 70%;}
.smallImg .swiper .swiper-container {width: 80%; margin: 0 auto;}
.smallImg .swiper-slide{border: 2px solid transparent;}
.smallImg .swiper-slide.active{border: 2px solid #35C2D9;}
.tryItOn{position: absolute; bottom: 0; right: 0; z-index: 1000;}
.pr_link{font-style: italic; color: #35C2D9; border: 0 none; background: #fff; outline: none;}
.pr_link .fa{font-size: 20px;}
.product_title{font-size: 25px;}
.product_detail li{margin: 15px 0;}
.star_review div{display: inline-block; vertical-align: middle;}
.star_level{margin-right: 23px;}
.star_level img{vertical-align: top;}
.do_review a:last-of-type{color: #35C2D9;}
.product_price span{font-size: 30px; margin-right: 38px;}
.select_color a{display: inline-block; width:30px; height:30px; padding: 3px; border-radius:30px; border: 2px solid #E4E4E4; vertical-align: middle; text-align:center;}
.select_color a img{display: block;}
.select_color a.active{border: 2px solid #35C2D9;}
.sizes a{display: inline-block; width: 25px; text-align: center; padding: 2px; border: 2px solid #E4E4E4; margin-right: 10px; text-decoration: none; color: #000;}
.sizes a.active{color: #fff; background: #35C2D9; border: 2px solid transparent;}
.size_guide{color: #35C2D9; margin-left: 10px;}
.favourites{ margin-left:35px;}
.favourites .fa{color: #9e9e9e;}
.stock{ color:#f00; font-size:15px; font-weight:bold; text-transform:capitalize;}
.select_lens{border: 0 none; background: #F16C00; color: #fff; font-size: 16px; padding: 10px 0; font-weight: bold; vertical-align: middle; margin-right: 13px; outline: none;}
.product_action .fa.fa-question-circle{display: inline-block; vertical-align: middle; color: #35C2D9; font-size: 30px; cursor: pointer;}
.frame_only{background: #fff; font-size: 16px; padding: 10px 0; border: 1px solid #000; font-weight: bold; margin-top: 15px; outline: none;}
.details_new,.dimensions_new{margin-top: 20px;}
.details_new span{display: inline-block;}
.description_new{margin: 20px 0; }
.pagination_new > li > a{width: 22px; border: 0 none;}
.btn-default.submit_review{border: 2px solid #121212; background: #fff; color: #121212; font-weight: bold;}
.view-item .pprice {font-family: 'segoe-ui_bold'; color: #666;}
.dimensions {display: inline-block; width: 55px; height: 24px; background: url(../images/shape1.png) no-repeat;}
.dimensions1 {background-position: 0 0;}
.dimensions2 {background-position: 0 -24px;}
.dimensions3 {background-position: 0 -48px;}
.dimensions4 {background-position: 0 -72px;}
.dimensions5 {background-position: 0 -96px;}
.tip_div{position: relative;}
.help_u{width: 320px; height: 340px; background: url('../images/help_bg.png') no-repeat center/100% 100%; text-align: center; padding: 10px 10px 0; color: #4B4B4B; position: absolute; top: 45px; left: 0; z-index: 1000;}
.help_u h3{color: #363636;}
.help_u p{text-align: left; padding: 0 5px;}
.help_u ul{text-align: left; padding: 0 5px;}
.help_u ul li div{display: inline-block;vertical-align: middle;}
.help_u ul li div:nth-of-type(1){margin-right: 25px;}
.help_u ul li div b{font-size: 18px; color: #06b4d1;}
.FAQs{border-top: 1px solid #E1E1E1; padding: 10px 0 0;}
.FAQs a{color: #06b4d1; text-decoration: none;}
.flow{width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); position: fixed; top: 0; left: 0; z-index: 10000; overflow: auto;}
.popContent{background: #fff;}
.closePop{font-size: 30px; color: #000; text-decoration: none;}
.frame_measurements,.our_frame_sizes,.my_frame_size{padding: 0 100px;}
.frame_measurements .row{margin-bottom: 60px;}
.exampleCont span{display: inline-block; color: #B9B9B9; border: 1px solid #B9B9B9; border-radius: 3px; padding: 3px 10px; margin: 0 30px 15px 0;}
.exampleCont span i{color: #000; font-style: normal;}
.our_frame_sizes .row div{text-align: center;}
.my_frame_size .row div{margin-bottom: 40px;}
.suggest{margin-bottom: 100px;margin-top: 30px;}
.dimensions-table dl dd{display: inline-block; vertical-align: top;}
.my_frame_size .row div.my_inchs,.my_frame_size .row div.my_inchs div {margin-bottom: 0;}
.my_inchs{border: 1px solid #959595; padding: 30px 0;}
.my_inchs div p{padding: 0 0 0 40px; margin: 0; height: 50px; line-height: 50px;}
.test_title{display: inline-block; width: 110px;}
.minimeter{margin-right: 15px;}
.my_inchs div p input{display: inline-block; height: 25px; outline: none; border: 0 none; border-bottom: 1px solid #D8D8D8; text-align: center;}
.best_fit{padding: 0 0 0 55px; height: 100px; line-height: 100px;}
.best_fit span{display: inline-block;width: 25px;height: 25px; line-height: 20px; text-align: center;padding: 2px;border: 1px solid #D8D8D8;margin-left: 10px;color: #363636;font-weight: 500;}
.small-screen-preview{position: relative;}
.select_color span.current_color {margin-left: 8px; vertical-align: middle;}
.select_color a span{ display:inline-block; width:20px; height:20px; border-radius:20px;}
.swiper-button-prev.small,.swiper-button-next.small{background-size: 20px 30px;}
.size_guide_table{margin: 0 auto;}
.size_guide_table td{height: 60px;}
.size_guide_table img{height: 40px;}
.pro-promotion{height: 40px; width: 100%; max-width: 380px;background-color: #fff2e8;}
.promotion-left{margin: 8px 10px;}
.promotion-right {line-height: 40px; margin-top: 5px;}
.pro-promotion-cont{display: none;}
.pro-promotion-slide{margin-left: 15px;cursor:pointer;}
/* product_new end */
/*rx container global*/
.step-container{ display:none; margin-top:20px;}
.option-name,.step-options dl,.step-color dl{ position:relative;}
.step-options dd:hover,.lens-thickness li.on,.rx-sub-options-color .optionsub-name:hover{ border:2px solid #06b4d1;}
.step-options dd.current,.lens-thickness li.current{ background-color:#333; color:#fff;}
.step-options p{ padding:0;}
.option-price{ position:absolute; top:70px; display:block; width:100%; font-size:14px;}
.option-price.free{ color:#06b4d1;}
.rx-actions{ width:98%; margin:20px 0; font-size:16px;}
.rx-actions span{ color:#cdcdcd;}
.rx-actions span.active{ cursor:pointer; color:#000;}
.rx-actions span.action-back{ float:left;}
.rx-actions span.action-next{ float:right;}
/*helptips*/
.weight{ position:relative; display:inline-block; padding:10px 40px 0 0;}
.helptips{ position:absolute; top:10px; right:10px;}
.option-name .helptips{ top:0; right:0;}
.option-name .tipsdiv{ top:0; right:10px;}
.help.fa-question-circle{ cursor:pointer; display:inline-block; height:16px; width:16px; color:#999; font-size:16px;text-decoration:none;}
.photochromic-price del{ color:#000; font-size:15px;}
.photochromic-price span{ color:#d00404; font-size:18px; font-family:'segoe-ui_bold';}
.step-options dd,.rx-sub-options-color .optionsub-name{ position:relative; padding:10px; border:1px solid #d8d8d8; }
.rx-sub-options-color .optionsub-name{ text-align:center;}
.tipsdiv{ position:relative;}
.tipsdiv .tips {z-index:100001; position:absolute; top:-15px; left:25px; min-width:250px; padding:22px 16px; background-color:#fff; border:1px solid #c8c8c8; box-shadow:0 0 6px #666666; color:#414141;font:normal 12px/18px Arial; text-align:left; }
.tipsdiv .tips .arrow { position:absolute; top:10px; left:-10px; height:20px; width:10px; background: url(../images/tip-arrow.png) no-repeat;}
.tipsdiv .tips.tipsleft{ left:auto; right:25px;}
.tipsdiv .tips.tipsleft .arrow{ left:auto; right:-10px;background: url(../images/tip-arrow_r.png) no-repeat;}
/*step*/
.rx-step-status{ display:block; padding-top:12px;}
.step-title .step-status-line{ height:2px; font-size:0; line-height:0; overflow:hidden; background-color:#d8d8d8;}
.step-title .step-status-inline{ max-width:100%; width:0%; height:2px; background-color:#06b4d1;}
.rx-step-status ul{ width:100%; margin-top:-12px;}
.rx-step-status li{ display:inline-block; width:30%; vertical-align:top; zoom:1; float:left; text-align:center;}
.rx-step-status li.rx-title-usage,.rx-step-status li.rx-title-lens-option{width:20%; }
.rx-step-status li.rx-title-usage{ text-align:left;}
.rx-step-status li.rx-title-lens-option{ text-align:right;}
.rx-step-status .step-status-detail{ display:inline-block; vertical-align:top; zoom:1; text-align:center; min-width:40px; white-space: nowrap; overflow: visible;}
.step-icon{ display:inline-block; width:27px; height:27px; border-radius:27px; border:2px solid #d8d8d8; background-color:#fff; line-height:22px;}
.step-icon .fa{ color:#d8d8d8;}
.step-current,.step-completed{ cursor:pointer;}
.step-current .step-icon,.step-current .fa,.step-completed .step-icon,.step-completed .fa{ border-color:#12b8d3; color:#12b8d3;}
/*usage*/
.step-usage { position:relative;}
.step-options { position:absolute; top:0; width:100%; margin:20px 0 0; text-align:center;}
.step-options dl{ width:100%; padding:15px; border:1px solid #d8d8d8;}
.step-options dt{ padding-bottom:15px; color:#333; font-size:16px; font-weight:normal; text-transform:uppercase;}
.step-options dd.step-description{ overflow:hidden; border:0 none; border-top:1px solid #d8d8d8;}
.step-options dd.step-description:hover{ border:0 none; border-top:1px solid #d8d8d8;}
.usage{ position:relative;}
.usage li{ cursor:pointer;}
.rx-usage .tab-pane{ display:none; padding-top:8px; background: url(../images/arrow-top.png) no-repeat; }
#singlevision{ background-position:13% top;}
#multifocal{background-position:48% top;}
#fashion{ background-position:82% top;}
.rx-usage .row{ border:0 none; background-color:#ebebeb;}
.rx-usage .lens-type{ position:relative; float: left; width: 29%; min-height:104px; margin:10px 2%; padding:10px 0 0; border:1px solid #d8d8d8; background-color:#fff; text-align:center;}
/*prescription*/
.rx-title{ margin-top:12px; padding-left:40px; background:url(../images/icon-rx.png) no-repeat; font-size:14px; line-height:31px;}
.rx-title a,.rx-title a:hover{ color:#06b4d1; text-decoration:none;}
.prescription-table{ margin-top:10px;}
.prescription-table th{ background-color:#ebebeb; font-weight:normal; line-height:26px;}
.visible-xs .prescription-table th,.visible-xs .prescription-table td{ text-align:left; }
.prescription-table .helptips{ position:inherit; display:inline-block; width:16px; height:16px; margin:5px 0 5px 10px;}
.prescription-table td{ height:24px; padding:20px 12px 0 0; line-height:24px; vertical-align:top;}
.filter-pd{ float:left;}
.pd-action{ float:left; margin:6px 0 0 10px;}
.help-pd .helptips{ top:0;}
.show-login{ color:#06b4d1; border:0 none; background:none;}
/*lenscolor*/
.step-color{ margin-top:20px;}
.lens-color{position: relative; padding: 0 0 12px; border:1px solid #d8d8d8; text-align: center; }
.step-color .col-xs-12,.step-color .col-sm-4,.step-color .col-md-3{ margin-bottom:15px;}
.lenscolor del span.price,.lens-color b{ padding:0; color:#f00;}
.step-color dt del span.price{ padding:0; font-weight:normal;}
.step-color dl{ position:relative; margin:0; padding:0 0 12px; background-color:#fff; border:1px solid #d8d8d8; color:#333; font-size:14px;}
.lenscolor li.clearlens{ max-height:122px;}
.step-color li.disable{ border:0 none;}
.step-customize .standard{ position:relative;}
.step-color li .unavailable,.lens-thickness li .unavailable{ z-index:1000; display:none; position:absolute; top:0; left:0; width:60px; height:60px; background:url(../images/promo.png) left -100px no-repeat;}
.step-color li .unavailable{left:6%; }
.lens-type.disable .unavailable,.step-color li.disable .unavailable,.lens-thickness li.disable .unavailable{ display:block;}
.step-color .active .lens-color,.step-color .lens-coating.active{ border-width:2px; border-color:#06b4d1;}
.step-color .disable dl.lens-color{border-width:2px; border-color:#ccc; border-style:dashed;opacity:0.5}
.step-color dt{ height:34px; background-color:#fff; font-weight:normal; line-height:34px;}
.step-color dt span{ padding:0 20px;}
.step-color dt span.price{ padding-left:30px;}
.lenscolor dt span{ display:block; padding:0 10px; font-size:16px; text-transform:uppercase; text-align:center;}
.step-color dt span.hasson{ background:url(../images/arrow-b.png) right center no-repeat;}
.step-color .des{ overflow:hidden; height:50px; padding:30px 20px 0; text-align:center;}
.option-img{ position:relative; overflow:hidden; width:240px; height:130px;}
.option-img img{ position:absolute; left:0; top:0; width:240px; }
.rx-sub-options-color{ position:relative; left:0; top:0; display: none; text-align:center;}
.rx-sub-options-color-con{ margin: 10px auto; padding: 0; width: auto; max-width: 240px; position: relative;}
.rx-sub-options-color-con .action{ padding:10px 0 0;}
.rx-sub-options { border:1px solid #d8d8d8;}
.polarized-sub .rx-sub-options,.mirrored-sub .rx-sub-options{ border:1px solid #fff;}
.rx-sub-options-color li{ width: auto; margin:10px 2%;padding:0;}
.rx-sub-options-color li+li{ margin:10px 0 10px 10%;}
.rx-sub-options-color .action{ text-align:center;}
/*customize*/
.step-customize .col-sm-3{ position:relative;}
.step-customize .sale,.step-color .sale{ position: absolute; top:1px; left:16px; display:inline-block; width:48px; height:40px; background:url(../images/promo.png) 0 -50px no-repeat;}
.step-customize dl{ padding:14px; border:1px solid #d8d8d8; font-size:13px; vertical-align:middle; text-align:center;}
.step-customize dl.customize dd{ display:table-cell; vertical-align:middle;}
.step-customize dt{ border-bottom:1px solid #d8d8d8; font-size:16px; font-weight:normal; text-align:center; line-height:50px; text-transform:uppercase;}
.step-customize dt.last{ border:0 none; text-transform:inherit;}
/*lens thickness*/
.lens-index.visible-xs{ margin-bottom:15px;}
.c-box{ padding:20px 0 0 0;}
.lens-index{ max-width:280px; border:1px solid #d8d8d8; }
.lens-index .lens-bg{ position:relative;}
.lens-index dl{position:relative; left:0; }
.lens-index dd{position:absolute; top:0; left:0; display:none; background-color:#fff;}
.lens-index dd p{ margin:0; text-align:center; line-height:38px; text-transform:uppercase;}
.lens-thickness .col-xs-12,.lens-thickness .col-sm-4{ margin-bottom:20px;}
.lens-thickness .default{ position:relative; padding:10px 0; min-height:103px; text-align:center;}
.lens-thickness .default.current{border-width:2px; border-color:#06b4d1; background-color:#333; color:#fff;}
.lens-type:hover,.lens-type.current,.step-options .current dl,.step-color li.current,.step-color dl.current,.step-customize dl.current,.lens-thickness li.current{ border-color:#06b4d1;}
.lens-type:hover,.lens-type.current,.step-options .current dl,.step-color li.current,.step-color dl.current,.step-customize dl.current,.lens-thickness li.current{ border-width:2px;}
/*lens coating*/
.lens-coating dt{ padding-left:10px; text-align:left;}
.lens-coating .helptips{ top:0;}
.default{border:1px solid #d8d8d8;}
.disable,.step-options dl.disable,.step-options dd.disable,.lens-color.disable{ border:1px dashed #d8d8d8;}
.prescription-charge{ padding:20px 0 0; border-top:1px solid #d8d8d8; color:#666; font-size:14px;}
.prescription-charge label{ width: auto; text-align:left; font-size:14px; font-weight:normal;}
.visible-xs .prescription-table th.th-right{ padding-right:5px; text-align:right;}
dl.current img{filter:alpha(opacity=100);-moz-opacity: 1;-khtml-opacity: 1;opacity: 1;}
dl.rx-not-select {filter:alpha(opacity=50);-moz-opacity: 0.5;-khtml-opacity: 0.5;opacity: 0.5;}
.rx-not-select:hover {filter:alpha(opacity=100);-moz-opacity: 1;-khtml-opacity: 1;opacity: 1;}
.rx-not-select:hover .step-description {background-color: #fff!important;}
.rx-not-select:hover .step-description img {filter:alpha(opacity=80)!important;-moz-opacity: 0.8!important;-khtml-opacity: 0.8!important;opacity: 0.8!important;}
.option-image span{ display:inline-block; width:200px; height:130px; background: url(../images/option-image.jpg) no-repeat;}
.retail-price{ margin-right:8px; font-size:13px;}
.sale-price{ color:#f16c00;}
.selected-result label{ width:120px; color:#262626; font-family:'segoe-ui_bold';}
/*star*/
.item-rank-rst, .user-rank-rst, .rating-wrap ul, .rating-wrap a:hover, .rating-wrap .active-star, .user-m-star, .urr-rank60, .breadcrumb .note {
	background-image: url(../images/star.png);background-repeat: no-repeat;}
.rating-wrap {position: relative;top:0; display:inline-block;width: 146px;z-index: 0;}
.rating-wrap ul {background-position:0 -140px;height: 28px;position: relative;width: 146px;z-index: 10;}
.rating-wrap li {display: inline;}
.rating-wrap a {display: block;height: 28px;left: 0;position: absolute;top: 0;}
.rating-wrap .five-stars {background-position:0 0 ;width: 146px;z-index: 10;}
.rating-wrap .four-stars {background-position:0 -28px;width: 116px;z-index: 20;}
.rating-wrap .three-stars {background-position:0 -56px;width: 87px;z-index: 30;}
.rating-wrap .two-stars {background-position:0 -84px;width: 58px;z-index: 40;}
.rating-wrap .one-star {background-position:0 -112px;width: 29px;z-index: 50;}
.rating-block .hint {color: #999;float: left;}
.active-hint {color: #c00;}
.rating-block .err-hint {color: #e00;font-weight: bold;}
/*progress*/
/*bgtips*/
.bg-classes p{ margin:0 0 10px; padding:15px;}
/**/
.product-charge-action{ z-index:1000001; position: fixed; left:0; bottom:0; display:inline-block; width:100%; height:auto; padding:20px 0; text-align:center; background-color:#fff;}
/*page.cart
.cart .row{ margin:0;}
.cart-li{ position:relative; padding:10px 0 15px; border-top:1px solid #d8d8d8; }
.cart-li .deletebtn{ z-index:1003; position:absolute; top:12px; right:10px; cursor:pointer; display:inline-block;width:32px; height:32px; border-radius:32px; border:1px solid #000;  color:#000; font-size:30px; text-align:center; line-height:26px;}
.cart-li div{ vertical-align:top;}
.cart-progress h1,.cart-progress h2{ margin:0;  text-transform:uppercase;}
.cart-progress h1{font-size:30px; line-height:72px;}
.c-name a{ color:#333; font-size:20px; line-height:30px;}
.c-name a:hover{ color:#06B4D1; text-decoration:underline;}
a.edit{ padding-left:15px; color:#9e9e9e; font-size:14px;}
.itemt-rx{ width:90%; margin:0 auto; padding:15px 0;}
.itemt-rx table{ border:1px solid #d8d8d8; font-size:14px; line-height:36px;}
.itemt-rx th,.itemt-rx td{ padding-left:10px; border-bottom:1px solid #d8d8d8; text-align:left;}
.rx-action{ padding:10px 0; font-size:16px;}
.rx-action .detail,.rx-action .p-detail{ margin:0 10px 0 0; padding-right:15px;}
.p-detailcon,.detailcon{ display:none;}
.detailcon th{ color:#333;}
.detailcon td{ font-size:14px;}
.c-charge{ position:relative; padding:10px 0 10px 18px; font-size:14px; line-height:30px;}
.c-charge label{ float:left; width:90px; line-height:24px; font-weight:normal;}
.action-table,.c-charge tr{ border:0 none;}
.c-charge td{ padding:0 5px;}
.c-charge tr.c-price,.c-price{ padding-top:6px; color:#000; font-size:18px; font-family:'segoe-ui_bold';}
.c-charge tr.c-price{ border-top:1px solid #d8d8d8;}
.cart .consider,.cart tr.consider tr{ border-top:0 none; line-height:35px;}
.cart .consider table{ border-top:1px solid #d8d8d8; border-left:1px solid #d8d8d8;}
.cart .consider table td{ padding:10px; border-right:1px solid #d8d8d8; border-bottom:1px solid #d8d8d8; text-align:center; vertical-align:middle;}
.couponcode{ margin-top:10px; padding:10px 0; border:1px solid #d8d8d8;}
.cart .couponcode tr{ border:0 none;}
.couponcode h6{ color:#333; font-size:14px; font-family:'segoe-ui_bold';}
.couponcode label{ font-weight: normal;}
.couponcode b{ color:#06b4d1;}
.cart-checkout{padding:15px 0; }
.btn-shopping{ display:table; height:186px;}
.btn-shopping span{ display:table-cell; vertical-align:middle; }
.total-pay p{ font-size:16px; text-align:right;}
.total-pay p.subtotal{ color:#666; font-size:20px;}
.total-pay p.subtotal b{ color:#06b4d1; font-weight:normal;}
*/
/*new cart*/
.cart th{ font-size:16px; text-transform:uppercase;}
.cart th,.cart td{ padding:15px 0; border-top:1px dashed #d8d8d8;}
.main-frame{vertical-align: top;}
.main-frame img{padding-right: 20px;}
.frame-set{ vertical-align:middle;}
#framedetailModalShow,#frame-edit,#rxdetailModalShow,#rx-edit{ color:#06b4d1; text-decoration: underline; outline:0;}
#framedetailModal,#rxdetailModal,#closeModal,#move_to_wishlist{ top:40%; margin-top:-150px;}
#rxdetailModal .title,#closeModal .title{ font-size:18px; }
#rxdetailModal .title{ text-align:center; text-transform:uppercase;}
#framedetailModal{ margin-top:-150px;}
#rxdetailModal{ margin-top:-80px;}
#closeModal{ margin-top:-30px;}
.closeModalShow{ cursor:pointer;}
#framedetailModal .modal-header{ border:0 none;}
.p-detailcon tr{ border-bottom:1px dashed #d8d8d8;}
.p-detailcon th{ font-size:16px;}
.p-detailcon th,.p-detailcon td{ height:35px;}
.detailcon th{ height:35px; color:#333;}
.detailcon td{  border-left:1px dashed #d8d8d8;padding-left:20px; font-size:14px;}
.set{ position:relative; display:inline-block; min-width:238px; margin:0; font-weight:normal;}
.set .helptips{ top:0;}
.set .tips p{ text-align:center;}
.ordersummary li{ padding:10px 0; border-top:1px dashed #d8d8d8;}
.ordersummary-out{ z-index: 999; position: fixed;  top: 50px;right:1%; background: #fff;}
.coupon-layout .form-inline{ padding:10px 0;}
.coupon-layout #cart-close{ cursor:pointer; padding-left:45px;}
.continue{margin:20px 0; }
.continue a,.continue a:hover,.shoppingcart .pull-right a,.shoppingcart .pull-right a:hover{ color:#06b4d1;}
.coupon-layout b{ font-size:16px; font-weight:normal;}
.subtotal{ font-size:16px;}
.shoppingcart{ border-right:1px solid #d8d8d8;}
.shoppingcart .pull-right{ margin-top:40px;font-size:16px}
.icon-remove{ display:inline-block; width:12px; height:12px; margin-left:10px; background:url(../images/icon-remove.png) no-repeat;}
.move_to_wishlist{color:#8590a6;}
.move_to_wishlist_button {margin-left:24%;}
.frame-name {margin-top: 20px;padding-right: 5%}
/*moblie cart*/
.rx-action{ margin:0; padding:10px; border-top:1px solid #ddd; background-color:#fafafa; color:#333; }
.rx-action label{ min-width:112px; margin:0; font-size:16px; text-align:left; text-transform:uppercase;}
.rx-action i{ float:right;}
.itemt-rx,.detailscon .edit{ margin-top:12px;}
.detailscon{ display:none; margin:10px;}
.detailscon table{ border:1px dashed #d8d8d8;}
.detailscon h5{ font-weight:bold;}
.cart .detailscon th,.cart .detailscon td{ padding:10px 0;}
.cart .detailscon th,.detailscon h5{ padding-left:10px; font-size:14px;}
/*checkout*/
.rx-step{ margin-bottom:20px;}
.rx-container .step-selected{ padding:15px 0 5px 20px;}
.billing-address-area{ display:none;}
.progress-action{ cursor:pointer; color:#9e9e9e; font-size:14px; text-transform: capitalize;}
.r-box{ float: left; width:24px;}
.r-right h6{ padding-bottom:8px; font-size:14px; font-family:'segoe-ui_bold'; line-height:24px;}
.r-right h6,.r-right p{ margin:0;}
.s-box dd{ margin-bottom:18px; padding-bottom:18px; border-bottom:1px solid #d8d8d8;}
.s-box dd.last{ border-bottom:0 none;}
.confirm-checkout{ padding:20px 0; border-top:1px solid #d8d8d8; text-align:right; font-size:14px;}
/*confirm order*/
.addressbox{ padding:15px; border-top:1px solid #d8d8d8;}
.addressbox th,.addressbox td{ color:#666; text-align:left;}
.addressbox th{ color:#333;}
/*wingray*/
.popup-wrapper{ z-index:10003; display:none; transform:translate3d(0, 0, 0); border-radius:8px; border:1px solid #555; text-align:center; background:#fff; padding:20px; position:fixed}
.popup-header{ margin-bottom:10px; font-size:18px; border-bottom:1px solid #e5e5e5; text-align:left;}
.popup-button-cancel{ cursor:pointer;}
/*page.usercenter*/
.all-table{ border:1px solid #d8d8d8;}
.all-table th,.all-table .pd span{ background-color:#ebebeb;}
.all-table th,.all-table td{ font-weight:normal; vertical-align:middle; text-align:center;}
.all-table td{ border-bottom:1px solid #d8d8d8;}
.cart-remove{ font-size:14px;}
.cart-remove .fa-trash{ color:#9e9e9e; font-size:16px;}
.p-box,.points ul{ padding:10px 20px;}
.p-box h6,.myinfo h6,.helpbox h6{ font-size:16px; font-family:'segoe-ui_bold'; text-align:left;}
.points li,.referbox li,.referbox dt,.referbox dd{ padding-bottom:10px;}
.points li span,.referbox li span,.referbox dt span,.referbox dd span,.faqarea h6 span,.faqarea div span,.question-text span,.answer-text span,.abouttype span{ float:left; width:16px; height:16px; margin-right:10px; border-radius:8px; background-color:#06b4d1; color:#fff; text-align:center; line-height:16px;}
.referbox dd span,.faqarea div span,.answer-text span{ background-color:#666;}
.points li .p-detail,.referbox .p-detail,.faqarea .p-detail,.answer-text .p-detail{ float:left; width:92%; }
.code{ width:193px; height:30px; background-color:#06b4d1; color:#fff; font-size:14px; font-family:'segoe-ui_bold'; text-align:center; line-height:30px;}
/*my information*/
.myinfo h1{ font-size:30px; text-transform:uppercase;}
.myinfo h5{ padding-bottom:15px; border-bottom:1px solid #d8d8d8; color:#333; font-size:20px; font-weight: normal;}
.myinfo a,.m-total,.upload{color:#06b4d1; }
.myinfo a b{ font-weight:normal;}
.myinfo h5 a,.upload,.editinfo,.viewcoupon,.remove,.addaddress{ padding:3px 0; font-weight:normal;}
.editinfo i,.viewcoupon i{ display:inline-block; width:24px; height:18px; color:#9e9e9e; font-size:18px;}
.remove{ padding:3px 0 3px 20px;}
/*my photos*/
#photo_form input[type="file"] {display: inline; width:64px; overflow:hidden;}
.uploadphoto input{ float:left;}
.all-table .row .col-xs-12.tar{ padding:0;}
.all-table .row .col-xs-12.tar a{ font-size:12px;}
/*my album*/
.album li{ position:relative; float:left; width:184px; height:164px; margin-right:18px; border:1px solid #d8d8d8;}
.mask{ display:none; position:absolute; left:0; top:0; width:184px; height:164px;  filter:alpha(opacity=60);-moz-opacity: 0.6;-khtml-opacity: 0.6;opacity: 0.6; background-color:#1b1b1b; text-align:center; line-height:164px;}
.mask a{ color:#fff; background:none;}
.album li:hover .mask{ display:block;}
/*my prescription*/
.prescrip-title a{ font-size:14px;}
.myinfo  h1 a{ text-transform: capitalize;}
.myinfo h6 a{ font-weight:normal;}
.prescrip-title .fa{ color:#9e9e9e; font-size:16px;}
/*manage shipping address*/
.all-table .addresslist-title{ padding-right:10px; text-align:right;}
.all-table td.addresslist-con{ text-align:left;}
/*page.login & register*/
.accountBox{ padding:0 8%;}
.loginBox{ border-left:1px solid #d8d8d8;}


a.loginamazon{ display:inline-block; width:159px; height:28px; border:0 none; background:url(../images/btn-loginbyAmazon.png) no-repeat;}
a.logingoogle{ display:inline-block; width:159px; height:28px; border:0 none; background:url(../images/btn-loginbyGoogle.png) no-repeat;}
a.loginfacebook{ display:inline-block; width:159px; height:28px; border:0 none; background:url(../images/btn-loginbyfacebook.png) no-repeat;}
a.logintwitter{ display:inline-block; width:159px; height:28px; border:0 none; background: url(../images/btn-loginbyTwitter.png) no-repeat;}
/*page.paysuccess*/
.paysuccess { text-align:center;}
.paysuccess img{ margin:40px 0 30px;}
.odno{ color:#333; font-size:16px; font-family:'segoe-ui_bold';}
/*page.searchresult*/
.searchresult{ border:1px solid #d3d3d3; text-align:center;}
.searchresult h2{ font-family:'segoe-ui_bold';}
.searchresult a{ color:#06b4d1;}
.searchtips{ padding:20px 40px; background-color:#ebebeb; text-align:left;}
.searchtips h6{ font-size:14px; font-family:'segoe-ui_bold';}
.searchtips h6 span{ color:#f00;}
/*page.newsletter*/
.newsletter-recommend{ margin-bottom:40px;}
.newsletterbox,.referbox{ padding:20px; border:1px solid #d8d8d8;}
.newsletterbox h6{font-size:30px; line-height:30px;}
.newsletterbox .col-sm-7{ padding:0;}
/*invite-friend*/
.invitefriend{background: url(../images/invite-friendbg.png) repeat;}
.invite-login{ margin:20px; padding:10%; border:10px solid #d8e7ea; background-color:#fff;}
.invite-login a{ color:#208aa9;}
.invite-login .col-sm-8.newcustomer{ padding:0;}
.invite-con{ padding:10% 5%;}
.tab-invitenav { z-index:5; position:relative;}
.tab-invitenav li a{ display:inline; float:left; height:57px; padding-bottom:10px; background: url(../images/nav-tab.png) 0 -57px no-repeat; color:#2c545f; font-size:18px; text-align:center; line-height:47px;}
.tab-invitenav li.active a{ background-position:0 0; color:#fff; }
.tab-invitenav li a i{ color:#fff;}
.tab-invitecon{ z-index:4; position:relative;top:-10px; min-height:338px; padding:30px 40px; background-color:#fff;}
.tab-pane li{ margin:8px 0;}
.facebookcon{ margin-bottom:20px; padding:10px; border:2px solid #d8d8d8;}
.facebookdes{ margin-left:10px; }
.facebookdes .title{ color:#194c55; font-size:14px; font-family:'segoe-ui_bold';}
.facebookdes .des{ height:88px; overflow-y:scroll;}
.tab-invitecon a{ color:#208aa9; font-size:18px;}
/*promotion list*/
.promotitle{ padding:10px 3% 30px; background:url(../images/promotiontitlebg.jpg) bottom center no-repeat; font-size:17px;}
.promotitle a{ color:#1c87ea; text-decoration:underline;}
.promolist .title{ color:#e25612; font-size:24px; font-family:'segoe-ui_bold'; line-height:40px; text-align:center;}
.promolist{ padding:0 4%;}
.promolist li{ margin-bottom:20px; padding-bottom:20px; border-bottom:1px dashed #898989;}
.promolist .banner{ float:left; width:26%; margin-right:20px;}
.promolist .detail{ float:left; width:71%;}
.couponbg{  width:792px; height:196px; background:url(../images/couponbg.jpg) no-repeat;}
.couponbg table{ margin:15px 25px; padding:0;}
.couponbg td{ padding-right:15px; vertical-align:middle; text-align:left;}
.couponbg h3{ margin:0 0 10px; font-size:23px; text-transform:uppercase;}
.couponbg h3 a{color:#00bcc6; }
.couponbg h5{ margin:0; font-size:15px; font-family:'segoe-ui_bold';}
.couponbg .codes{ display:inline-block; width:144px; padding-left:8px; line-height:24px; border:1px solid #767676;}
.expired{ color:#257295; font-family:'segoe-ui_bold';}
/*form*/
/*btn*/
form label{font-family:'segoe-ui_bold'; font-weight:normal;}
/*.form-horizontal b{ color:#f00;}*/
.btn-default,a.btn-default,a.btn-default:hover,.btn-default:hover, .btn-default:focus, .btn-default:active, .btn-default.active, .open > .dropdown-toggle.btn-default,.btn-checkout,a.btn-checkout,a.btn-checkout:hover{ display:inline-block; height:40px; border:0 none; background-color:#06b4d1; color:#fff; text-align:center; line-height:40px; vertical-align:middle;}
.btn-primary,a.btn-primary,a.btn-primary:hover,.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .open > .dropdown-toggle.btn-primary,.btn-continueshop,a.btn-continueshop,.btn-continueshop:hover,a.btn-continueshop:hover{  display:inline-block;height:40px;  padding:0; border-radius:0; border:2px solid #333; background-color:#fff; color:#333; text-align:center; line-height:40px;vertical-align:middle;}
a.btn-primary:hover,.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .open > .dropdown-toggle.btn-primary,.btn-continueshop:hover,a.btn-continueshop:hover{ border-color:#06b4d1; background-color:#06b4d1; color:#fff;}
.btn-default,a.btn-default,a.btn-default:hover,.btn-default:hover, .btn-default:focus, .btn-default:active, .btn-default.active, .open > .dropdown-toggle.btn-default,.btn-primary,a.btn-primary,a.btn-primary:hover,.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .open > .dropdown-toggle.btn-primary{ font-size:16px;}
a.btn-default:hover,.btn-default:hover, .btn-default:focus, .btn-default:active, .btn-default.active, .open > .dropdown-toggle.btn-default{ background-color:#f16c00;}
.btn-default[disabled],.btn-default[disabled]:hover{background-color:#eee; color:#cdcdcd;}
.form-horizontal label.error{ width:auto; padding-left:10px; color:#f00; line-height:18px;}
.errorInfo {color:#111;text-align:left;}
.errorInfo label {float:left;width:350px;margin:5px 0 0 170px;border:1px solid #777;text-align:left; font-weight:normal;}
.errorInfo .error,.tips {padding:3px 5px 8px 21px; border:1px solid #777;}
.errorInfo .errors{padding:0 5px 8px 21px;}

/*page.helpcenter*/
.helpbox{ margin-top:20px;}
.helpbox a{ color:#06b4d1;}
.h-actions{ text-align:center;}
.img-box{ margin-top:12px;}
.img-box input{ display:inline;}
.r-star{ padding:3px 30px 3px 0; background-position: right -2051px;}
.h-service .fa-phone,.h-service .fa-envelope{ display:inline-block; padding:10px 0 10px 20px; color:#06b4d1; font-size:30px;}
/*affiliate*/
.affiliate{ }
.affiliate h2{ padding:15px 0 20px;}
.affiliate .aline{ margin:0 0 12px; padding:0 0 12px; border-bottom:1px solid #d8d8d8;}
.affiliate h6 { margin-bottom:10px; font-size:15px;}
.affiliate h6 span{ display:inline-block; width:auto; padding:0 12px; background-color:#388ba4; border-radius:8px;color:#fff;}
.affiliate p{ padding:0 0 20px;}
.affiliate p.affiliateimg { padding:0 10px 20px;}
.affiliateimg img{ margin-right:10px;}
.affiliate .atable{ background-color:#c4e6ee; border:1px solid #444; border-right:0 none; border-bottom: 0 none;}
.affiliate th,.affiliate td{ border-right:1px solid #444; border-bottom:1px solid #444; line-height:46px;}
.affiliate th{ font-weight:bolder;}
.affiliate .atable .bgblue{ background-color:#5cc2db;}
.affiliate a{ color:#2fa6c4; text-decoration:none;}
/*page.sitemap*/
.sitemap li{ float:left; width:33%;}
.sitemap li dt{ font-size:14px; font-family:'segoe-ui_bold';}
.helpbox .sitemap a{ color:#333; line-height:20px;}
.helpbox .f-email{ margin-top:10px;}
.helpbox .f-message{ margin-top:10px; padding:5px 0 5px 42px; background-position: left -1852px; color:#333; font-size:16px; font-family:'segoe-ui_bold';}
.h-service{ padding-bottom:10px; border-bottom:1px solid #d8d8d8;}
.shipping-table{ border-left:1px solid #d8d8d8; border-top:1px solid #d8d8d8;}
.shipping-table th{ background-color:#ebebeb; font-size:14px; font-family:'segoe-ui_bold';}
.shipping-table th,.shipping-table td{ height:40px; border-right:1px solid #d8d8d8; border-bottom:1px solid #d8d8d8; text-align:center; vertical-align:middle;}
/*page shipping*/
.shipping-method .shipping-table th,.shipping-method .shipping-table td{ padding-left:20px; text-align:left;}
.shipping-method .shipping-table th{ font-size:16px; font-family:'segoe-ui_bold';}
.shipping-method .shipping-table td b{ font-size:14px;}
.shipping-points .points-left{padding-left:15px}
.shipping-points .points-middle{margin-top: 12px}
/*page.faq*/
.faq-section{ margin:20px 10px;}
.faq-section h6{ font-size:14px; font-family:'segoe-ui_bold';}
.faq-section ul{ clear:both; padding:10px 30px; background-color:#ebebeb;}
.faq-section li{ float:left; width:46%; padding-right:4%;cursor:pointer; font-size:12px; font-family:'segoe-ui_bold'; line-height:20px; list-style-type: disc; list-style-position:inside;color:#333;}
.faq-section li.active,.faq-section li:hover{ color:#0c9fbf;}
.faq-section .question-text{ cursor:pointer; color:#333; font-size:14px; font-family:'segoe-ui_bold'; }
.faq-section .answer-text{ display:none; margin:10px 0 20px;}
.answer-text .p-detail{ width:96%;}
.abouttype img{ margin-bottom:20px; margin-right:20px;}
.abouttype span{}
/*new tryon*/
.tryon-tab{ border:1px solid #ccc;}
#tryonModal .modal-header{ padding:0; border:0 none;}
.modal-header .close{ position:absolute; top:-5px; right:-5px; display:block; width:28px; height:28px; border-radius:28px; background-color:#fff; border:1px solid #ccc; text-align:center; opacity:1;}
.tab-title{ border-bottom:1px solid #ccc; text-transform:uppercase; background:-webkit-linear-gradient(top,#ffffff,#e4e4e4); background:-moz-linear-gradient(top,#ffffff,#e4e4e4); background:-o-linear-gradient(top,#ffffff,#e4e4e4); background:-ms-linear-gradient(top,#ffffff,#e4e4e4); filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#ffffff, endColorstr=#e4e4e4);-ms-filter: "progid:DXImageTransform.Microsoft.gradient (GradientType=0, startColorstr=#ffffff, endColorstr=#e4e4e4)"; background-color:#e4e4e4;}
.tab-title .nav-tabs{ border:0 none;}
.tab-title li{ float:left; width:50%; text-align:center;}
.tab-title li span,.tab-title span{ display:inline-block; background:url(../images/tryon/icon-tryon-tab.png) no-repeat;}
.tab-title .nav-tabs > li a{ border:0 none;}
.tab-title .nav-tabs > li.active > a, .tab-title .nav-tabs > li.active > a:hover,.tab-title .nav-tabs > li.active > a:focus{ border-radius:0; border:0 none; background-color:#06b4d1; color:#fff;}
.tryon-tab .tab-pane{ padding:0;}
.trypic{ position: relative; text-align:center;}
.try-pic{ position: relative; text-align:center;}
/*zoom*/
.zoom { position:absolute; bottom:25px; right:25px; }
.zoom .icon{ cursor:pointer; display:block; margin-top:6px;}
.zoom .icon .fa{ font-size:18px;}
.frame{ cursor:move; position:absolute; }
.sliderbox{ position:relative; display:block;}
.sliderbox a.prev,.sliderbox a.next,.sliderbox a.prev:hover,.sliderbox a.next:hover{ cursor:pointer; padding:0; background: url(../images/pre-next-small.png) center 0 no-repeat;margin:6px 0; background-color:#f1f1f1; }
.sliderbox a.prev:hover,.sliderbox a.next:hover{ background-color:#06b4d1;}
.sliderbox a.prev.disabled,.sliderbox a.next.disabled{ background-color:#f1f1f1; opacity:0.6;}
.slider{ position:relative; float:left; overflow:hidden; }
.slider ul{position:absolute;left:0;width:999em;}
.slider ul li{ cursor:pointer; float:left; display:inline-block; border:1px solid #ececec;}
.slider ul li a{ position:relative; display:inline-block;}
.slider ul li a .del{ position:absolute; display:inline-block; border:1px solid #ccc; background-color:#fff;}
.slider ul li.current{ border-color:#0c9fbf;}
.slider ul li a .del{ top:-6px; right:-6px; width:16px; height:16px; border-radius:16px; font-size:16px; text-align:center; line-height:12px;}

.tryslider{ position:relative; float:left; overflow:hidden; }
.tryslider ul{position:absolute;left:0;width:999em;}
.tryslider ul li{ cursor:pointer; float:left; display:inline-block; border:1px solid #ececec;}
.tryslider ul li a{ position:relative; display:inline-block;}
.tryslider ul li a .del{ position:absolute; display:inline-block; border:1px solid #ccc; background-color:#fff;}
.tryslider ul li.current{ border-color:#0c9fbf;}
.tryslider ul li a .del{ top:-6px; right:-6px; width:16px; height:16px; border-radius:16px; font-size:16px; text-align:center; line-height:12px;}

.tryOn_upload{ padding:15px;}
.tryOn-step{ position:relative; border-right:1px solid #ececec;}
.tryOn-step span{ position:relative; display:inline-block; border-top:1px solid #ececec; border-bottom:1px solid #ececec; background:-webkit-linear-gradient(top,#ffffff,#e4e4e4); background:-moz-linear-gradient(top,#ffffff,#e4e4e4); background:-o-linear-gradient(top,#ffffff,#e4e4e4); background:-ms-linear-gradient(top,#ffffff,#e4e4e4); filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#ffffff, endColorstr=#e4e4e4);-ms-filter: "progid:DXImageTransform.Microsoft.gradient (GradientType=0, startColorstr=#ffffff, endColorstr=#e4e4e4)"; background-color:#e4e4e4; color:#333; text-align:center; line-height:16px;}
.tryOn-step span.current{ color:#fff; border-color:#06b4d1; background:-webkit-linear-gradient(top,#06b4d1,#06b4d1); background:-moz-linear-gradient(top,#06b4d1,#06b4d1); background:-o-linear-gradient(top,#06b4d1,#06b4d1); background:-ms-linear-gradient(top,#06b4d1,#06b4d1); filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#06b4d1, endColorstr=#06b4d1);-ms-filter: "progid:DXImageTransform.Microsoft.gradient (GradientType=0, startColorstr=#06b4d1, endColorstr=#06b4d1)"; background:#06b4d1;}
.tryOn-step span .arrow{ position:absolute; left:50%; bottom:-7px; margin-left:-8px; display:inline-block; width:16px; height:7px; background:url(../images/tryon/tryon-step-arrow.png) no-repeat;}
.tryOn-step-close{ cursor:pointer; position: absolute; top:-8px; right:-8px; display:inline-block; width:18px; height:18px; border-radius:18px; border:1px solid #ececec; background-color:#fff; text-align:center; line-height:18px;}
.tryOn_upload h3{ margin-bottom:15px; padding-bottom:15px; border-bottom:1px solid #ccc; font-size:20px;}
.upload_file{ cursor: pointer; position: absolute; top: 0px; left:0; width: 186px; height: 36px; filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0;}
.tryon-container{ position:relative;}
.upload-loading{ position: absolute; top:0; left:0; width:100%; height:100%; background-color:#000;filter: alpha(opacity=0.6);-moz-opacity: 0.6;-khtml-opacity: 0.6;opacity: 0.6; text-align:center;}
.upload-loading img{ position:absolute; top:48%; margin-top:-24px; margin-left:-24px;}
/*tryOn
#tryOnLayout { cursor:move; display: none;  z-index: 1007; position: fixed; background: none repeat scroll 0 0 #fff; border: 1px solid #aaa; border-radius: 1px; box-shadow: 1px 1px 9px 3px #888;-webkit-transform: translateZ(0); }
.tryOn_wrapper{position: relative; max-width:320px;}
.tryOn_wrapper h2{ padding-bottom:10px; padding-left:10px; border-bottom:1px solid #b2b2b2; font: 18px/24px Arial, Helvetica, sans-serif;}
.pd-result{ padding:0 10px;}
.trypic{ position:relative;}
#tryon-ctrl{ position:absolute; bottom:0; right:0; padding:3px 5px; border:0 none; background-color:#fff; opacity:0.8;}
.frame{ position:absolute; top:-25px; left:85px;}
.frame .fll{ text-align:left;}
.frame .flr{ text-align:right;}
.sliderbox{ position:relative; display:block; padding:4px;}
.sliderbox a.prev,.sliderbox a.next{ cursor:pointer; width:14px; height:20px; margin:18px 0; padding:0; background: url(../images/pre-next-small.png) no-repeat; }
.sliderbox a.prev{ background-position:0 0;}
.sliderbox a.next{ background-position:0 -26px;}
.sliderbox a.prev.disabled,.sliderbox a.next.disabled{ opacity:0.6;}
.slider{ position:relative; float:left; width:320px; height:52px; overflow:hidden; }
.slider ul{position:absolute;left:0;width:999em;}
.slider ul li{ cursor:pointer; float:left; margin-right:4px; border:1px solid #ececec;}
.slider ul li.current{ border-color:#0c9fbf;}
.tryon-btn-close,.tryon-btn-step-close{ cursor:pointer; position:absolute; top:-61px; right:0; display:inline-block; width:25px; height:41px; background:url(../images/tryon/tryon-btn-close.png) no-repeat;}
 .tryon-btn-step-close{ top:-41px;}*/
/*tryonstep
.tryOn_upload {display: none; position: absolute; top: 0; z-index: 9999; box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.3); background: none repeat scroll 0 0 #fff;}
.tryOn_upload_title{ padding:10px; background-color:#404040; color:#fff; font-size:13px;}
.tryOn_upload_title .title{ font-size:16px; text-transform:uppercase;}
.tryOn_upload_title .current{ color:#f16c00;}
.tryon-container{ padding:10px;}
.tryon-upload{ border-left: 1px solid #ccc;}
.tryon-tips-list i{ overflow:hidden; display: inline-block; width:65px; height:65px;}
.face-text{ display:inline-block; max-width:115px; margin-left:10px; vertical-align:top;}
.tryon-tips-title{ color:#404040;}
.note-msg{ margin-bottom:15px;}
.note-msg li{ padding:5px 0; list-style: decimal inside; }
.upload-file-bar{ display:inline-block;}
.upload_file{cursor: pointer;position: absolute;top: 0px; width: 186px; height: 36px;filter: alpha(opacity=0);-moz-opacity: 0;-khtml-opacity: 0;opacity: 0;}
.upload-loading{ position: absolute; top:0; left:0; width:100%; height:100%; background-color:#000;filter: alpha(opacity=0.6);-moz-opacity: 0.6;-khtml-opacity: 0.6;opacity: 0.6; text-align:center;}
.upload-loading img{ position:absolute; top:48%; margin-top:-24px; margin-left:-24px;}*/
/* crop your photo */
.cropbox .back{ font-size:16px; line-height:40px;}
.img-container,.img-preview {background-color: #f7f7f7; overflow: hidden; width: 100%; text-align: center;}
.img-container { max-width:400px; max-height: 400px; width:400px; height:400px; margin-bottom:10px; border:1px dashed #555;}
.cropbox .zoom{ position:inherit; top: inherit; left: inherit;}
.img-container > img {max-width: 100%;}
/*make pupils*/
.magnify{ position:relative; border:1px solid #ccc;}
.pupil{ cursor:move; position:absolute; display:inline-block; width:30px; height:30px; color:#06b4d1; font-size:40px; text-align:center; line-height:30px;}
/*tryon
.tryon-con,.tryon-result-con{ display:block; z-index:1205; position: fixed; top:30%; left:40%; width: auto; padding:0 0 10px; box-shadow:0 0 8px #666; background-color:#f2f2f2;}
.tryon-title{ padding:10px; background-color:#404040; color:#fff;}
.tryon-title h6{ font-size:16px; text-transform:uppercase;}
.tryon-container{ padding:10px;}
.tryon-container h4{}
.tryon-tips{ float:left; width:228px; }
.tryon-upload,.tryon-result{ position:relative; float:left; width:272px;}
.tryon-tips-title{ font-size:16px; text-transform:uppercase; text-indent:16px;}
.tryon-tips-list{ margin:0 8px;}
.tryon-tips-list li{ margin-bottom:8px;}
.tryon-tips-list i{ overflow:hidden; display:inline-block; width:0; height:65px; padding-left:65px; background:url(../images/tryon/icons-try-photo-tips.png) no-repeat; vertical-align:middle;}
.tryon-tips-list i.icon-tryontips-one{ background-position:0 7px;}
.tryon-tips-list i.icon-tryontips-two{ background-position:0 -80px;}
.tryon-tips-list i.icon-tryontips-three{ background-position:0 -163px;}
.tryon-tips-text{ display:inline-block; max-width:120px; margin-left:17px; vertical-align:middle;}
.tryon-upload-title{ font-size:20px; text-transform:uppercase;}
.upload-action{ margin-top:20px; line-height:40px;}
.upload-file-bar{ display:inline-block;}
.upload_file{cursor: pointer;position: absolute;right: 0px;top: 0px;height: 36px;width: 186px;filter: alpha(opacity=0);-moz-opacity: 0;-khtml-opacity: 0;opacity: 0;}
.tryon-action-tips li{position: relative; padding-left: 25px; margin-top: 20px;}
.tryon-action-tips li span{position: absolute;top: -4px;left: 0;display: block;font-size: 24px;}
.tryon-action{ padding-left:25px;}
.pupil{ cursor:move; z-index:10; display: block; position: absolute;top: 0;left: 0;width: 32px;height: 32px;font-size: 40px;line-height: 26px;color: #06b4d1;text-align: center;overflow: hidden;}
.tryon-result-con{ height:420px; padding:0; overflow:hidden;}
.tryon-result{ position:relative; height:420px; overflow:hidden;}
.tryon-recommended-list{ text-transform:uppercase; text-align:center;}
.tryon-recommended-list h5{ margin:20px 20px 0; font-size:14px;}
.tryon-recommended-list li{ margin-top:10px;}
.tryon-ctrl .login,.tryon-ctrl .upload{ cursor:pointer; position:absolute; right:10px; bottom:10px; display:inline-block; padding:3px 6px; background-color:#fff; opacity:0.8; color:#06b4d1;}
.trypic{ position:relative; margin:10px 0;}
.frames{ z-index:1; position:absolute; width:100%; background-position:0 0; background-repeat: no-repeat; text-align:center;}
.sliderbox{ position:relative; width:400px; padding:6px; background-color:#e5e5e5;}
.sliderbox a.prev,.sliderbox a.next{ cursor:pointer; float:left; width:24px; height:24px; margin:19px 0; background:url(../images/buttons1.png) no-repeat;}
.sliderbox a.prev{ background-position:0 -24px; margin-right:5px;}
.sliderbox a.next{ background-position:-24px -24px;}
.sliderbox a.prev.disabled{ background-position:0 0;}
.sliderbox a.next.disabled{ background-position:-24px 0;}
.slider{ position:relative; float:left; width:330px; height:62px; overflow:hidden; }
.slider ul{position:absolute;left:0;width:999em;}
.slider ul li{ cursor:pointer; float:left; display:inline-block; width:62px; height:62px; margin-right:5px; border:1px solid #999;}
.slider ul li.current{ border-color:#0c9fbf;}*/
/*helpArea*/
.helpArea li{ margin:20px 10%; padding:5% 10%; border-radius:5px; border:1px solid #d8d8d8;}
.helpArea li h3{ padding-left:58px; background:url(../images/icon.png) no-repeat; line-height:52px;}
.helpArea li h3.know{ background-position:left -2104px;}
.helpArea li h3.helpicon{ background-position:left -2156px;}
.helpArea li h3.policy{ background-position:left -2208px;}
.helpArea li h3.support{ background-position:left -2258px;}
.helpArea dl{ padding-left:18%; min-height:124px;}
.helpArea dd{ border-bottom:1px solid #d8d8d8; background:url(../images/icon.png) right -132px no-repeat;}
.help-nav{ z-index:10003; position:relative; }
.help-nav .visible-xs{padding:0; }
.help-nav .navbar-toggle{ margin-right:0; text-align: right;}
.help-nav .shown div{ padding:3px 0 3px 3px;}
/*promotion*/
.student-banner{ float:left;}
.student-detail{ float:left; background-color:#f5f5f5; color:#525252; font-size:15px; text-align:center;}
.student-detail a{ color:#333; font-family:'segoe-ui_bold';}
/*compare*/
.gstryoncon { background-color: #333; padding-bottom: 5px; padding-right: 5px; position: relative; z-index: 20; }
.gstryoncon .choose h4 { font-size:14px; padding:4px 0px 4px 6px; color:#fff;}
.gstryoncon .choose .choosecon { padding:0px 0px 15px 13px; background-color:#FFF; }
.choose .choosecon .gselect { padding-left:5px;}
.gselect ul { z-index:99;}
.choosecon .gselect li { float:left; width:92px;  height:26px; margin:0 10px  12px 0; z-index:8;}
.choosecon .n-input{ width:96%;}
.gselect li.lizindex { z-index:19;}
.gselect .selectbtn .spanbtn { width:92px; height:26px; text-indent:4px; font:11px/26px Arial; display:block; background-position:-1px -114px; cursor:pointer; text-transform:capitalize;}
.gselect .selectbtn .otheropt { width:90px; padding:4px 0; border:1px solid #e3e3e3; top:25px; left:0px; z-index:9; background-color:#FFF;}
.selectbtn .otheropt a { display:block; font:11px/16px Arial; text-decoration:none; color:#333; padding:3px 4px;}
.selectbtn .otheropt a:hover { background-color:#dfdfdf;}
.gselect .tryonsearch { margin-bottom:6px;}
.gselect .tryonsearch .tryontext{ height:28px; width:210px; padding-left:4px; border:1px solid #dfdfdf; background-color:#f5f5f5; font:12px/28px Arial; margin-right:5px;}
.tryonbtn{ border:none;width:80px; height:30px; background-position:-2px -201px; cursor:pointer;}
.gselect .checkdiv input { top:2px;}
.choosecon .tryonprlist {height:369px;position:relative;}
.choosecon .tryonprlist li{ position:relative; float:left; width:32%; height:100px; padding:1px 2px 3px 2px; background-position:-1px -1px; margin:10px 3px 0px 0px;}
.tryonprlist li p.fix { padding:0 5px;}
.tryonprlist li p .fll { font-size:12px; color:#333;}
.tryonprlist li p .flr { font-size:14px; color:#e36600; font-family:'segoe-ui_bold';}
.tryonprlist li .cover {position: absolute; width:140px; height:100px; top:7px; left:-9px; text-align:center;}
.tryonprlist li .cover .graybg { position: absolute; width:140px; height:100px; top:0px; left:0px; z-index:8; background-color:#000; filter:alpha(opacity=70); opacity:0.7;}
.tryonprlist li .cover a{ position: relative; display:inline-block; width:40px; color:#FFF; font-size:14px; text-decoration:none; z-index:15; top:25px; padding-top:28px;}
.tryonprlist li .cover .buyit { margin-right:10px; background:url(../images/tryon_cart.png) top center no-repeat;}
.tryonprlist .cover .buyit:hover { background-image:url(../images/tryon_cart_on.png); color:#f16c00;}
.tryonprlist li .cover .tryonit { background:url(../images/tryonit.png) top center no-repeat;}
.tryonprlist .cover .tryonit:hover { background-image:url(../images/glasseson.png); color:#f16c00;}
.choosecon .tryonpage {height: 20px;margin-top: 7px;padding-right: 6px;text-align: right;}
.choosecon .tryonpage a{color: #111111;display: inline-block;font: 12px/20px Arial;height: 20px;margin: 0 1px;text-align: center;text-decoration: none;width: 14px;}
.choosecon .tryonpage a.pageprev,.choosecon .tryonpage a.pagenext { width:25px; }
.choosecon .tryonpage a.pageprev { background-position:-1px -162px; margin-right:3px;}
.choosecon .tryonpage a.pagenext { background-position:-47px -162px; margin-left:3px;}
.choosecon .tryonpage a.pageon,.choosecon .tryonpage a:hover { color:#E36600;}
.tryon_ajax_login{displai: none;}
#ajaxSearch{margin-left:8px;}
/* howto-con */
.howtodes{ padding:20px 40px; border-bottom:1px solid #9bc3e5; background-color:#e7f4fc;}
.howto-con h2{margin:10px 0; color:#11a0ca; font-size:30px; line-height:36px; }
.howto-con p{ padding:0 10px 10px 0;}
.howto-con .borderb{padding:0 0 10px 0; border-bottom:1px dashed #999;}
.howto-con h2.tit1, .howto-con h2.tit2{ height:24px; line-height:24px; padding-left:10px; color:#fff;}
.howto-con h2.tit1{ width:251px;}
.howto-con h2.tit2 {width:277px;}
.howto-con h2.f00{ color:#f00;}
.howto-con p a{ color:#0c9fbf; text-decoration:underline;}
.howto-con a.f18{ color:#0c9fbf;font-size:18px; line-height:24px;margin:10px 0 0 15px; display:inline-block; text-decoration:underline;}
.howto-con span{ display:block;color:#f16c00; padding:10px 0;}
/*facestyle*/
.facestyle li{ margin-top:20px;}
.facestyle .fimg{ padding-left:35px;}
.facestyle .des{ margin-bottom:5px; padding-bottom:5px; border-bottom:1px dashed #7d7d7d;}
.facestyle h3{ padding-bottom:5px; border-bottom:1px solid #111; color:#e8a8a8; font-size:26px; font-family:'segoe-ui_bold';}
/*comments*/
.comments ul{ border-bottom:1px solid #c9c9c9;}
.comments li{ padding:15px 0; border-top:1px solid #c9c9c9;}
.reviewsboxcon-img a{ overflow:hidden; float:left;display:inline-block;width:100px;border:1px solid #e5e5e5;margin:10px 5px 0 0;padding:0;}
#gallery-overlay {background-color:#000;}
#gallery-container {font: 16px/22px verdana, arial, sans-serif; margin:0 auto;}
#gallery {background:#fff; color:#999; position:relative; display:none; height:200px;margin:0 auto; position:relative; width:300px; box-shadow:0 0 64px #000; -moz-box-shadow:0 0 64px #000; -webkit-box-shadow:0 0 64px #000;}
#gallery-image-container {display:none; height:100%;}
#gallery-loading {padding:8px;}
#gallery-controls {display:none; height:100%; left:0; position:absolute; top:0; width:100%;}
#gallery-controls div {float:left; height:100%; width:50%;}
#gallery-controls a { width:29px; height:52px; color:#000; font-size:12px; outline-style:none; position:absolute; text-decoration:none; top:200px;}
#gallery-previous-link {left:18px; background: url(../images/icon-a-l.png) no-repeat;}
#gallery-next-link {right:18px; background:url(../images/icon-a-r.png) no-repeat;}
#gallery-meta-container { position:absolute; top:2px; right:8px; display:inline-block;}
#gallery-image {padding:8px;}
#gallery-meta {display:none; margin-top:10px; }
#gallery-close {}
#gallery-close a {height:34px;padding:0px 8px; background-color:#ccc; color:#fff; font-size:24px; font-family:'segoe-ui_bold'; outline-style:none; text-decoration:none;}
#gallery-close a:hover {color:#bbb;}
#gallery-pages {color:#999; display:block; font-size:10px; line-height:14px;}
/*warning*/
.bg-warning{ background-color:#FFFFC5; color:#f00; font-size:18px;}
.offer{ padding:5px 0 0 0; color:#f00; font-size:13px;}
/*hack*/
header{ *height:128px;}
input.s-btn:focus{* border:0 none;}
.mainbanner .carousel-banner-btn{ *width:66px; *margin-left:-2%;}
.mainbanner .carousel-banner-btn li{ *display:inline; *float:left;}
.zindex-box{*z-index:101;}
.sort-page .sort,.sort-page .pagination{*margin:10px 0;}
.sort-page .sort{ width:220px\9;}
/*accountform*/
.accountform h4{ padding-left:50px; color:#fff;}
.accountp{padding:18px 0 0 50px; color:#fff;}
.textformli label{width:125px;text-align: right; color:#fff; font-weight:normal;}
.tryonformbox .textformli input{width: 200px;border: 1px solid #DDD;font-family: Arial;color: #000;}
/*clip ins*/
.clipins{ width:1000px; margin:28px auto; font-size:15px;}
.clipins h2{ padding:7px 0; background: url(../images/clipon/clip-onbg.jpg) bottom center no-repeat; color:#3e3b36; font-family: arial; font-size:24px; font-family:'segoe-ui_bold';}
.clipins h3{ color:#3e3b36; font-size:24px; line-height:52px; text-transform:uppercase; text-align:center;}
.keepaway li{ float:left; width:25%; text-align:center;}
.highgrade{ padding-left:70px;}
.polarized-lens{ padding:0 125px; background: url(../images/clipon/clip-on_21.jpg) no-repeat;}
.polarized-lens dd{ color:#3e3b36; font-size:15px; line-height:42px;}
.noseclip{ height:470px; background:url(../images/clipon/clip-on_25.jpg) no-repeat;}
.sizechart{ border-left:1px solid #a5a5a5; border-top:1px solid #a5a5a5; font-size:14px;}
.sizechart th,.sizechart td{ border-right:1px solid #a5a5a5; border-bottom:1px solid #a5a5a5; text-align:center;}
.sizechart th{ padding:3px 0; background-color:#eee;}
.sizechart td{ height:38px;}
.sizechart a{ color:#03b9d4; font-family:'segoe-ui_bold'; text-decoration:underline;}
.clipins-other{ width:920px; margin:0 auto;}
.clipins-other h3{ color:#c60606; font-size:24px; font-family:'segoe-ui_bold'; text-transform:inherit; text-align:left; line-height:36px;}
.clipins-other .notice{ padding-bottom:8px; border-bottom:1px solid #bdad96; font-size:15px;}
.clipins-des{ float:left; width:44%; font-size:15px;}
/*promotion*/
.promotion-title{ margin:8px; padding-bottom:30px; background:url(../images/promotiontitlebg.jpg) bottom center no-repeat; font-size:16px;}
.promotion-title a{ color:#1c87ea; text-decoration:underline;}
.promotion-con h2{ color:#e25612; font-size:24px; font-family:'segoe-ui_bold'; text-transform:uppercase; text-align:center;}
.coupon{ height:216px; background:#fafafa url(../images/couponbg.jpg) bottom center no-repeat;}
.coupon h3{ margin:10px 0 0; }
.coupon h3 a{ color:#00bcc6; font-size:20px;}
.coupon h5{ font-size:16px; font-family:'segoe-ui_bold';}
.coupons{ padding:5px; border:1px solid #767676;}
.expire{ color:#257295; font-family:'segoe-ui_bold';}
/*helpcenter*/
.helpcontainer{margin: 20px 10%; padding: 5% 10%; border-radius: 5px; border: 1px solid #d8d8d8;}
.helpcontainer h3{ line-height:52px;}
.helpcontainer .fa{ padding-right:10px; color:#06b4d1; font-size:52px;}
.helpcontainer dl { padding-left: 18%; min-height: 124px; }
.helpcontainer dd{ border-bottom:1px solid #d8d8d8;}
.helpcontainer dd a{ font-size:16px; line-height:36px;}
/*daily deals*/
.dailydeals li { position: relative;  margin: 0 18px 18px 18px; padding: 10px; box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.176); background-color: #f7f7f7;}
.dailydeals h1{color: #0a0a0a; font-size: 24px; font-weight: bold;}
.d-detail{ text-align:center;}
.d-detail .price { display: inline-block; max-width: 260px; height: 125px; margin-bottom: 10px; padding: 3px 0; border-top: 2px solid #e6e6e6;  border-bottom: 2px solid #e6e6e6;}
.d-detail .n-price { color: #ca4a2d; font-size: 92px; font-weight: bold; line-height: 80px;}
.d-detail .o-price {color: #b1653b;font-size: 18px;}
.deadline { margin-top: 10px; color: #97999b; font-size: 20px; }
/*student-discount
.student-discount{ margin-bottom:10px;}
.student-discount .col-sm-6{ margin:0; padding:0;}
.verify-container{ width:100%;min-height:100%; padding:1.96875em 1.19342em 1.19342em; background-color:#fafafa;}
.group{ margin-bottom:1.79012em; text-align:center;}
.group h1{ margin-bottom:0.875em; text-transform:uppercase;}
.brand{ display:block; color:#fcd606;}
.meta-heading{ display:block; font-size:0.4375em;}
.column { padding: 0 10px;float: left; width: 100%;}
a.expand.btn { color: #fff;background-color: #000;font-family: "PT Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;}
.expand.btn:hover, .expand.btn.is-active, .expand.btn:active{border-color: #777777; color: #fff; background-color: #777777;}
.mother-ten,.verify-container__footer{ text-align:center;}
.verify-container__footer{ margin-top:265px;}*/
/*mobile*/
/*page index*/
.header .navbar{ position: static; }
#navBar{margin-bottom:0; border: 0 none; text-align: center;}
.mobile-navbar-header{ position:relative; background-color:#fff;}
.mobile-navbar-header .navbar_brand{display: inline-block; height: 50px; line-height: 20px; padding:10px 0;}
.mobile-navbar-header .fa-user,.mobile-navbar-header .fa-heart,.mobile-navbar-header .fa-shopping-cart{ float:right; display:inline-block; margin:14px 10px 0 0; /* color:#06b4d1;  */font-size:20px;}
.mobile-navbar-header .fa-search{ float:left; margin:16px 0 0 0;}
.navbar-toggle{position: relative; float: right;padding: 9px 10px;margin-top: 8px;margin-right: 15px;margin-bottom: 8px;background-color: transparent;background-image: none;border: 1px solid transparent;border-radius: 4px;}
.mobile-navbar-header .fa-shopping-cart{ margin:12px 10px 0 0; font-size:20px;}
.mobile-navbar-header .navbar-toggle{ float:left; /* margin-left:5px; margin-right:5px; padding:7px; background-color:#06b4d1; color:#fff; */ border: 0 none;}
.mobile-navbar-header .navbar-toggle .icon-bar{ background-color:#000;}
.navbar-offcanvas{ font-size:16px; font-weight:normal; text-align: left; background: #fff;}
.navbar-offcanvas .side-nav li a{ font-size:16px;}
.navbar-default .navbar-nav > li > a,.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus{ border-bottom:1px solid #e7e7e7; color:#000; font-weight:normal;}
.side-help .fa{ display:inline-block; margin:0; padding:0 5px 0 0; font-size:20px; text-align:left;}
.navbar-offcanvas .dropdown-menu.side-help>li>a{ margin:0; padding:5px 0;}
.side-help .phone-time{ padding-left:45px; font-size:12px;}
.search-filter{ position: fixed; width:100%; padding:10px; background-color:#ddd;}
.fa-search{ float:left; height:34px; padding:0 10px; border:1px solid #d8d8d8; border-left:0 none; background-color:#fff; color:#06b4d1; font-size:20px; line-height:34px;}
.s-input,.mobile-search-btn{ float: left;}
.s-input{ width:78%; padding-left:2%; height:30px; border:0 none;}
.mobile-search-btn{border:0 none;}
/*mobile category*/
.view-frame{ height: 40px;color: white;background-color: #333;line-height: 40px;font-size: 18px;margin-top: 10px;}
.cat-prev{background: url(../images/pre-next-small.png) no-repeat;background-position: 0 -291px;width: 18px;height: 18px;display: inline-block;margin: auto 10px;}
.clear-filters{height: 40px;background-color: #e9e9e4;line-height: 40px;font-size: 20px;margin-top: 10px; padding: 0 10px;}
.filter-info{padding:10px 5px;}
.border-white{border: 2px solid #ffffff;}
.border-blue{border: 2px solid #06b4d1;}
.cat-filters{display: inline-block;font-size: 16px;margin: 5px;float: right;border: 1px solid #333;height: 30px;line-height: 30px;width: 120px;text-align: center;}
.cat-filter{display: inline-block;	border: 1px solid #333;	padding: 5px 10px; margin: 5px 2px 0 0;}
.container-fluid .nav.navbar-nav{border-top:1px solid #d8d8d8}
.cat-shape{display: block;padding: 2px 20px;border-bottom: 2px solid white;height: 40px;line-height: 30px;}
.cat-option{background: url(../images/catalog_filters.png) no-repeat;width: 50px;display: inline-block;}
.cat-option.eyeglasses{background-position: 0 -4px;height: 18px;margin: 20px 0;}
.cat-option.sunglasses{background-position: 0 -26px;height: 20px;margin: 18px 0;}
.cat-option.men{background-position: 0 -50px;height: 40px;margin: 5px 0;}
.cat-option.kids{background-position: 0 -95px;height: 40px;margin: 5px 0;}
.cat-option.women{background-position: 0 -140px;height: 40px;margin: 5px 0;}
.cat-option.large{background-position: 0 -185px;height: 40px;margin: 10px 0;}
.cat-option.medium{background-position: 0 -230px;height: 40px;margin: 10px 0;}
.cat-option.small{background-position: 0 -275px;height: 40px;margin: 10px 0;}
.cat-option.aviator{background-position: 0 -320px;height: 19px;margin: 18px 0;}
.cat-option.cat.eye{background-position: 0 -349px;height: 17px;margin: 20px 0;}
.cat-option.full{background-position: 0 -376px;height: 16px;margin: 20px 0;}
.cat-option.oval{background-position: 0 -401px;height: 16px;margin: 20px 0;}
.cat-option.rectangle{background-position: 0 -425px;height: 16px;margin: 20px 0;}
.cat-option.rimless{background-position: 0 -449px;height: 16px;margin: 20px 0;}
.cat-option.round{background-position: 0 -474px;height: 18px;margin: 18px 0;}
.cat-option.semi-rimless{background-position: 0 -501px;height: 16px;margin: 20px 0;}
.cat-option.square{background-position: 0 -525px;height: 16px;margin: 20px 0;}
.cat-option.wayfarer{background-position: 0 -549px;height: 19px;margin: 18px 0;}
.cat-color{width: 50px;display: inline-block;margin: 3px auto;}
.cat-color.black{background-color: #000000;height: 50px;border-radius: 50px;}
.cat-color.white{background-color: #ffffff;height: 50px;border-radius: 50px;}
.cat-color.red{background-color: #ff0000;height: 50px;border-radius: 50px;}
.cat-color.green{background-color: #008000;height: 50px;border-radius: 50px;}
.cat-color.pink{background-color: #ffc0cb;height: 50px;border-radius: 50px;}
.cat-color.orange{background-color: #ffa500;height: 50px;border-radius: 50px;}
.cat-color.golden{background-color: #f0e7d5;height: 50px;border-radius: 50px;}
.cat-color.yellow{background-color: #ffff00;height: 50px;border-radius: 50px;}
.cat-color.blue{background-color: #0000ff;height: 50px;border-radius: 50px;}
.cat-color.purple{background-color: #581f61;height: 50px;border-radius: 50px;}
.cat-color.brown{background-color: #800000;height: 50px;border-radius: 50px;}
.cat-color.crystal{background-color: #cedbe7;height: 50px;border-radius: 50px;}
.cat-color.gray{background-color: #808080;height: 50px;border-radius: 50px;}
.cat-color.silver{background-color: #aea9a6;height: 50px;border-radius: 50px;}
.cat-color.tortoise{background: url(../images/cat-color.png) no-repeat;background-position: 0 0;height: 50px;}
.cat-color.floral{background: url(../images/cat-color.png) no-repeat;background-position: 0 -65px;height: 50px;}
@-moz-document url-prefix() {
	.s-input { width:75%;}
}
.mobile-freeshipping{ padding:10px 0; border-top:1px solid #ccc; color:#9e9e9e; font-size:15px; text-align:center;}
.mobile-freeshipping b{ color:#06b4d1; font-family:'segoe-ui_bold';}
.visible-xs .prescription-table td,.visible-xs .prescription-table th{ padding-left:5px;}
.xs-charge{ z-index:1006; position:fixed; bottom:0; padding:12px; background-color:#f6f6f6;}
/* new index start */
.sign_in_here{background: #434343; color: #fff; padding: 10px 0; position: relative;}
.sign_in_here a{color: #06B4D1;}
.sign_in_here a.close_tip{font-size: 30px; color: #fff; position: absolute; top: -10%; right: 2%;}
.weekly_deal{margin: 3% 0;}
.glasses_menu a{display: block; position: relative;}
.glasses_menu a span{position: absolute; bottom: 5%; right: 0; font-size: 10px; padding: 1% 3%; text-align: center; color: #161616; text-transform: uppercase; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; background-color: hsla(0,0%,100%,.7);}
.footer_links{position: relative;}
.footer_links{background: #EAF4F6; padding: 3% 0;}
.footer_links ul li{margin: 3% 0;}
.glasses_menu .row{margin-bottom: 3%;}
.thumb_category{text-align: center;}
.thumb_category h3{margin: 3% auto;}
.thumb_category b{color: #161616;}
.thumb_photos{text-align: center;}
.thumb_photos>a{display: block; color: #06B4D1; margin: 0 auto 3%;}
.footer_circle_links a{position: fixed; bottom: 230px; right: 3%; width:50px; height: 50px; z-index: 10;}
#back-top{bottom: 80px;}
.fa-search.new{border: 0 none; color: #000; font-size: 20px; margin-top: 12px; padding: 0;}
.search.nav{padding: 16px 0 0 16px; background: url('../images/icon-search.png') no-repeat 0 center/16px; border: 0 none;}
.navinput{border: 0 none; outline: none;}
.navsearch{border-bottom: 1px solid #000;}
.nav.navbar-nav .side-nav a{padding-left: 0; padding-right: 0;}
.nav.navbar-nav .side-nav .side_nav_icon{padding-left: 40px; background: url('../images/icon-user.png') no-repeat 0 center/16px; border-bottom: 0 none;}
.nav.navbar-nav .side-nav .side_nav_icon.user{margin-top: 15px;}
.nav.navbar-nav .side-nav .side_nav_icon.wishlist{background-image: url('../images/icon-wishlist.png')}
.nav.navbar-nav .side-nav .side_nav_icon.track{background-image: url('../images/icon-track.png')}
.nav.navbar-nav .side-nav .side_nav_icon.help{background-image: url('../images/icon-help.png'); margin-bottom: 30px;}
.nav.navbar-nav .side-nav .dropdown-menu li a{padding-left: 15px; margin: 3% 0; color: #000;}
.caret_title{display: inline-block; width: 95%;}
.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus { color: #000; }
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {background-color: #fff;}
.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {background-color: #fff;}
header{min-height: 50px;}
.thumb_category.row.visible-xs .col-xs-6 a span{text-transform: uppercase; display: inline-block;}
#js-bootstrap-offcanvas{padding: 15px;}
.header_icon_new{float: left; padding: 16px 0 0 16px; background: url('../images/icon-search.png') no-repeat 0 center/16px;border: 0 none;margin: 14px 0 0 15px; outline: none;}
.header_icon_new.user,.header_icon_new.heart,.header_icon_new.cart{float: right; margin: 14px 15px 0 0;}
.header_icon_new.bread{background-image: url('../images/icon-bread.png')}
.header_icon_new.user{background-image: url('../images/icon-user.png')}
.header_icon_new.heart{background-image: url('../images/icon-wishlist.png'); padding: 0 0 0 16px;}
.header_icon_new.cart{background-image: url('../images/icon-cart.png'); padding: 0 0 0 16px;}
/*thumb-similar*/
.thumb-similar{ margin-bottom:30px; font-size:20px; text-align:center;}
.thumb-similar h2{ font-size:35px; text-transform:uppercase;}
.thumb-similar .pprice{ margin-top:10px; color:#06b4d1;}
.navbar.navbar-default.navbar-offcanvas.navbar-offcanvas-touch.navbar-offcanvas-fade{z-index: 99999;}
.big_main{-webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;}
.big_main.main{margin-left: 250px;}
.big_main::after{position: absolute; top: 0; right: 0; width: 0; height: 0; background: rgba(0,0,0,0.2); content: ''; opacity: 0; -webkit-transition: opacity 0.5s, width 0.1s 0.5s, height 0.1s 0.5s; transition: opacity 0.5s, width 0.1s 0.5s, height 0.1s 0.5s; z-index: 9999;}
.big_main.main::after{width: 100%; height: 100%; opacity: 1; -webkit-transition: opacity 0.5s; transition: opacity 0.5s;}
.button-close-menu{color: #454545; cursor: pointer; position: absolute; right: 15px; top: 5px;}
/* new index end */
/*giftcard*/
.gift-show-content{ border:1px solid #ebebeb;}
.gift-selected{ padding:17px 20px 15px; border-bottom:1px solid #ebebeb; font-size:24px; font-weight:700;}
.gift-selected span{ font-weight: normal;}
.gift-selected-amount{ padding-left:30px; border-left:1px solid #ebebeb;}
.gift-message{ display: block; margin: 10px auto; width: 90%; height: 80px; border: none;  overflow-y: auto; word-wrap: break-word;}
.gift-preview-tips{ cursor: pointer; padding:5px 0; color: #06b4d1; text-align:center;}
.list-card h3 { margin: 0 auto; padding-bottom:8px; font-family:'segoe-ui_bold';  font-size: 16px; font-weight:bold; text-transform: uppercase;}
.list-card li {cursor: pointer; display: inline-block; vertical-align: top; zoom: 1; width: 32%; min-width: 140px; max-width: 214px; margin-right: 5px; margin-bottom: 10px; text-align: center;}
.list-card .card-type { width: 100%; height: 60px; padding: 10px 0; font-family:'segoe-ui_bold'; border: 1px solid #404040;}
.list-card .current .card-type { color: #fff; border-color:#06b4d1; background-color: #06b4d1;}
#gift-preview-wrapper {}
.gift-preview-top { padding: 15px 30px; background-color: #f2f2f2;}
.gift-preview-email{ color:#06b4d1;}
.gift-preview-main { padding: 20px 30px; text-align: center; color: #000;}
.gift-preview-title { margin: 10px auto 30px; font-size: 24px; font-weight: 700; text-transform: uppercase; overflow: hidden;}
.gift-preview-card {  border: 1px solid #ccc; padding: 6px;}
.gift-preview-selected { margin-top: -1px; padding: 10px 20px; text-align: left; border-bottom: none; border-top: 1px dotted #e6e6e6;text-transform: uppercase; border-bottom:0 none; overflow: hidden; }
.card-form{ margin: 10px auto; padding: 5px 15px; border-top: 1px solid #c5c5c5;}
.send-form{ width:60%;}
.send-email-tips{ text-align:left; font-size:12px;}
.send-form label{ margin-top:10px;}
.send-form .form-control,.send-form .form-group{ margin-bottom:5px;}
.send-form .deliverydate .form-control{ margin-bottom:0;}
.send-form .message{ width:100%; height:80px;}
.send-message-tips{ color:#a8a8a8;}
.gift-preview-message{ text-align:left;}
.giftcard-footer{ padding:15px 0; border-top:1px solid #ccc;}
.gift-terms{ cursor:pointer;}
.gifttotal{ margin-right:20px;}
.terms-description { margin-bottom:50px; padding: 12px 20px; border: 1px solid #cacaca; background-color: #fcfcfc;}
.terms-description .terms-title { margin: 0 auto; font-size: 14px; text-transform: uppercase;}
/*order tracking*/
.tracking-form .form-inline .form-control { display: inline-block; width: 100%; vertical-align: middle;}
.shipping-progress .td1 { background-color:#ccc;}
/*new year banner*/
.new-collection,.shop-all{ cursor:pointer; position:absolute; }
/*loginModal */
#loginModal .modal-header{ min-height:0; padding:0; border:0 none;}
#loginModal .modal-header .close{ top:-22px; width:auto; height:auto; border:0 none; color:#fff; font-size:14px; font-weight:normal; text-shadow:none; background:none;}
#loginModal .modal-body{ padding:0 0 15px;}
#loginModal .tab-content{ padding:0 40px;}
#loginModal h1,#loginModal h2,#loginModal h3{ text-transform:uppercase;}
.login-btns .col-sm-6{ margin-bottom:10px;}
.or{ display:inline-block; width:40px; height:40px; border-radius:40px; background-color:#eee; color:#333; text-align:center; line-height:40px;}
#loginModal .index-login-con{ border-bottom:0 none;}
.retrieve{ font-size:18px; font-style:italic; text-align:center;}
.forgot form label{ text-align:left;}
/*reset password*/
.btn-reset{font-size: 16px;display: inline-block;height: 50px;border: 0 none;background-color: #666666;color: #fff;text-align: center;line-height: 50px;vertical-align: middle;}
.btn-reset:hover{ border-color:#06b4d1; background-color:#06b4d1; color:#fff;}
.reset-email,.reset-phone{color:#06b4d1;margin: 10px 0}
.reset-choose{border-top: 1px solid #d8d8d8; padding-top: 10px}
.reset-choose div{margin-right: 10px;}
.dis-flex{display: flex;}
.reset-mobile-phone{background-image:url(../images/new_index/send-phone.jpg);display:inline-block; width:18px;height:24px;vertical-align:middle; text-align:center;}
.reset-ok{margin: 50px auto;text-align:center;}
/*user center*/
.bind-table{ border:0 none;}
.bind-table tr{ border-bottom:1px solid #d8d8d8;}
.bind-table th{ text-align:center;}
.bind-btns{ display:inline-block; width:100px; height:30px; background:url(../images/bind-btns.png) no-repeat;}
.bind-facebook{ background-position:0 -10px;}
.bind-twitter{ background-position:0 -50px;}
.bind-google{ background-position:0 -90px;}
.bind-amazon{ background-position:0 -130px;}
.bind-name{ padding:10px 0 10px 20px; border-left:1px dashed #d8d8d8; color:#333; font-family:segoe-ui_bold; font-size:18px;}
/*banner buy more save more*/
.banner_content{cursor: pointer; text-align: left; position: absolute; top: 20%; left: 50%; width: 30%;}
.banner_content p{margin: 0; font-weight: bold;}
.banner_content ul{margin: 20px 0;}
.banner_content ul li{}
.banner_content ul li span{display: inline-block; width: 50%;}
.shop_now{display: inline-block; border: 2px solid #000; padding: 5px 20px; font-size: 15px;}
.shop_now .caret_right{display: inline-block; width: 0; height: 0; margin-left: 2px; border-left: 4px solid; border-top: 4px solid transparent; border-bottom: 4px solid transparent;}
/*list color*/
.prlist .pprice .select_color a{ width:20px; height:20px; padding:0; border-radius:20px;}
.prlist .pprice .select_color a span{ display:inline-block; width:14px; height:14px; border-radius:14px;}
/* new filter start */
.fix-filter-out{ z-index: 999; position: fixed;  top: 50px; width: 1200px; background: #fff;}
.filter-out {margin-bottom: 10px;}
.filter {position: relative; padding-right: 80px; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; background-color: #fff;}
.filter-wrap {height: 54px; margin: 0 auto;}
.filter-wrap li {position: relative; display: inline-block;}
.filter-menu {min-height: 55px; padding: 18px 20px; margin-bottom: -1px; border-left: 1px solid #fff; border-right: 1px solid #fff; border-color: transparent; text-transform: uppercase; cursor: pointer;}
.filter-menu span {letter-spacing: 1px;}
.filter-menu .caret{margin-bottom: 3px;}
.filter-down {display: none; position: absolute; left: 0; top: 55px; z-index: 30; padding: 20px 20px 16px; border: 1px solid #ccc; border-top: 0; background-color: #fcfcfc;}
.filter-down.gender, .filter-down.glassestype {width: 100%; padding: 20px 0 16px;}
.filter-down.size{width: 232px;}
.filter-down.shape {width: 290px;}
.filter-down.material {width: 222px;}
.filter-down.frame-type {width: 170px; padding: 20px 0 16px;}
.filter-down.color-choose_new {width: 262px;}
.filter-down.lens-type_new {width: 242px;}
.filter-down .option-list {margin-left: -10px; margin-right: -10px;}
.filter-down.gender .option-list, .filter-down.glassestype .option-list, .filter-down.frame-type .option-list {margin: 0;}
.filter-down .option {margin-bottom: 6px; margin-left: 10px; margin-right: 10px; white-space: nowrap; color: #000; cursor: pointer;}
.filter-down.gender .option, .filter-down.glassestype .option, .filter-down.frame-type .option {margin-left: 20px; margin-right: 20px;}
.filter-down.size .option, .filter-down.shape .option, .filter-down.material .option, .filter-down.color-choose_new .option {width: 40%; float: left;}
.filter-wrap li.filtered .filter-menu {color: #4ca3bf; -webkit-transition: color .25s ease-out; transition: color .25s ease-out;}
.filter-wrap>li:hover>.filter-menu {background-color: #fcfcfc; border-left: 1px solid #ccc; border-right: 1px solid #ccc;}
.filter-wrap>li:hover>.filter-down {display: block;}
.filter-down.size .dimension, .filter-down.lens-type_new .dimension {margin-top: 20px; padding-top: 18px; border-top: 1px solid #e6e6e6;}
.filter-down.size .dimension .slider_new .size-pic-1, .filter-down.size .dimension .slider_new .size-pic-2, .filter-down.size .dimension .slider_new .size-pic-3, .filter-down.size .dimension .slider_new .size-pic-4, .filter-down.size .dimension .slider_new .size-pic-5 {margin: 0 auto; width: 54px; height: 26px; background: url('../images/filter-dimention-new.png') top no-repeat;}
.filter-down.size .dimension .slider_new .size-pic-1 {background-position: top;}
.filter-down.size .dimension .slider_new .size-pic-2 {background-position: center -26px;}
.filter-down.size .dimension .slider_new .size-pic-3 {background-position: center -101px;}
.filter-down.size .dimension .slider_new .size-pic-4 {background-position: center -52px;}
.filter-down.size .dimension .slider_new .size-pic-5 {background-position: center -78px;}
.range_min_max{width: 24px; margin-top: 20px; border: 0 none; background-color: #fff; line-height: 14px; white-space: nowrap;}
.filter-clear {position: absolute; right: 12px; top: 20px; font-size: 12px; color: #a3a3a3; cursor: pointer;}
.filter-clear .selected {-webkit-transition: color .25s ease-out; transition: color .25s ease-out; color: #4ca3bf;}
.filter-color{ display:inline-block; width:14px; height:14px; border-radius:14px;}
/* new filter end */