@charset "utf-8";
/* CSS Document prolist_bl */
.prolist_bl { width:980px; overflow:hidden; display:block; clear:both; margin:0 auto 20px auto;}
.prolist_bl .prolist_left { width:236px; overflow:hidden; float:left; display:block;}

/* CSS Document prolist_coupon */
.prolist_coupon { width:196px; height:117px; overflow:hidden; background:url(../images/products/prolist_coupon_bg.gif) no-repeat; display:block; clear:both; padding:0 20px;}
.prolist_coupon .txt { height:63px; overflow:hidden; display:block; clear:both; padding-top:16px; text-align:center; font-size:12px; line-height:14px; color:#000;}
.prolist_coupon .txt strong { color:#c00; font-family:Georgia,"Times New Roman",Times,serif; font-size:21px; line-height:26px;}
.prolist_coupon input { width:170px; height:21px; line-height:20px; overflow:hidden; background:none; border:0; float:left; display:block; padding-left:3px; font-size:11px;}
.prolist_coupon input.but { width:21px; height:21px; float:right; padding:0; cursor:pointer;}

/* CSS Document options_bl */
.options_bl { width:236px; overflow:hidden; background:#2aa586; display:block; display:block; padding-bottom:3px; margin-bottom:10px;}
.options_bl .btitle { width:236px; height:30px; line-height:30px; overflow:hidden; background:url(../images/products/pro_list_part.gif) no-repeat 0px 0px; color:#fff; font-size:14px; white-space:nowrap; text-indent:10px; display:block; clear:both;}

.type_bl { width:204px; overflow:hidden; background:#fff; border:1px solid #dfdfdf; display:block; clear:both; padding:10px 15px 50px 15px;}
.type_bl .bname { width:204px; overflow:hidden; display:block; clear:both; margin-bottom:4px; font-size:12px; font-weight:bold;}
.type_bl ul { width:204px; overflow:hidden; display:block; clear:both; margin-bottom:10px;}
.type_bl ul li { width:100%; overflow:hidden; float:left; display:block; cursor:default;}
.type_bl ul li em { width:21px; height:20px; overflow:hidden; float:left; display:block;}
.type_bl ul li em input { margin-left:4px!important; margin-top:4px!important; *margin:0px!important; margin:0px; float:left; display:block;}
.type_bl ul li span { width:180px; overflow:hidden; float:left; display:block; padding-top:3px; color:#2469b4; line-height:14px;}
.type_bl ul li span a { color:#2469b4; text-decoration:none;}
.type_bl ul li span.pic { width:48px;}
.type_bl ul li span.txt { width:132px;}
.type_bl ul li select { float:left; display:block; color:#2469b4;}
.type_bl ul li label.fail span.pic { display:none;}
.type_bl ul li label.fail span { color:#999;}

.type_bl ul li.two { width:50%;}
.type_bl ul li.two span { width:80px; overflow:hidden; float:left; display:block; padding-top:3px; color:#2469b4; line-height:14px;}

.type_bl ul li.three { width:33%;}
.type_bl ul li.three span { width:100%; padding:0;}

.type_bl ul li.other { width:204px; overflow:hidden; display:block; clear:both; margin-bottom:5px;}
.type_bl ul li.other input { width:196px; height:22px; line-height:22px; overflow:hidden; background:#fff url(../images/public/user_part.gif) repeat-x 0 -17px; border:1px solid #d6d6d6; float:left; display:block; padding:0 3px; color:#2469b4;}
.type_bl ul li.other input:focus { background:#feffd5; border:1px solid #d5b96f;}

.type_bl ul.spill { max-height:240px; height:expression(this.scrollHeight>239?"240px":"auto"); overflow:hidden;}
.type_bl ul.spill li { width:178px;}
.type_bl ul.spill li span { width:155px;}
.type_bl ul.set { overflow:auto;}

.type_bl ul.spill02 { max-height:100px; height:expression(this.scrollHeight>99?"100px":"auto");}
.type_bl ul.spill02 li { width:178px;}
.type_bl ul.spill02 li span { width:155px;}

.type_bl ul.fix { padding-top:3px; margin-bottom:4px;}
.type_bl ul.fix li { width:18px; height:18px; overflow:hidden; float:left; display:block; border:1px solid #dfdfdf; margin:0 5px 5px 0; position:relative;}
.type_bl ul.fix li label { width:18px; height:18px; overflow:hidden; float:left; display:block; cursor:pointer;}
.type_bl ul.fix li label img { display:none;}
.type_bl ul.fix li label.ibg { background:url(../images/products/prolist_nocolor.gif) no-repeat;}
.type_bl ul.fix li label.set img { display:block; clear:both;}
.type_bl ul.fix li input { position:absolute; left:-40px; top:-40px;}

.type_bl .button_nav { width:106px; height:25px; overflow:hidden; background:url(../images/products/pro_list_part.gif) no-repeat 0px -35px; display:block; clear:both; padding:4px; margin:0 auto;}
.type_bl .button_nav a { width:106px; height:25px; line-height:25px; font-size:14px; font-weight:bold; text-decoration:none; color:#333; float:left; display:block; text-align:center;}
.type_bl .button_nav a:hover { color:#f70;}

/* CSS Document pro_search */
.type_bl .search_info { width:100%; line-height:14px; overflow:hidden; display:block; clear:both; color:#333;}
.type_bl .sname { font-size:12px; font-weight:bold; padding-top:15px;}
.type_bl ul.search { margin-bottom:5px;}
.type_bl ul.search li { width:50%; line-height:16px; overflow:hidden; float:left; display:block;}
.type_bl ul.search li.subs { width:204px; overflow:hidden; font-weight:bold; color:#d86103; padding:0;}
.type_bl ul.search li.one { width:100%;} 

.slide { width:204px; float:left; display:block; clear:both; padding-top:3px; margin:0 0 10px 0;}
.slide .cistern { width:auto; display:block; clear:both; padding:0 6px; background:#fff; border:1px solid #b4bca5; margin-bottom:10px;}
.slide ul { width:100%; overflow:hidden; display:block; clear:both;}
.slide ul li { width:33%; line-height:14px; overflow:hidden; float:left; display:inline; color:#2469b4;}
.slide ul li.lt { width:26%;}
.slide ul li.rt { width:26%; float:right; text-align:right;}
.slide ul li.ct { width:47%; text-align:center;}
.slide ul li.ct input { width:100%; height:14px; line-height:14px; float:left; border:0; text-align:center; font-size:11px; color:#2469b4;}

.ui-slider { width:100%; height:6px; position:relative; z-index:1; cursor:default;}
.ui-slider a:focus { -moz-outline:none; outline:none;}
.ui-slider a { blr:expression(this.onFocus=this.blur());} 
.ui-slider .ui-slider-range { height:6px; overflow:hidden; background:#d2dfb8 url(../images/products/slide_part.gif) repeat-x; display:block; position:absolute; top:0; z-index:2;}
.ui-slider .ui-slider-handle { width:12px; height:20px; background:url(../images/products/slide_part.gif) no-repeat left -7px; position:absolute; top:-5px; z-index:3; margin-left:-6px; cursor:pointer;}

.tufo_spread { width:100%; overflow:hidden; display:block; clear:both;}
.tufo_spread li { overflow:hidden; display:block; clear:both; margin-bottom:5px;}

/* CSS Document prolist_right */
.prolist_bl .prolist_right { width:714px; overflow:hidden; float:right; display:block;}

.prolist_des { width:714px; overflow:hidden; display:block; clear:both; margin-bottom:20px;}
.prolist_des .banner { width:100%; overflow:hidden; display:block; clear:both;}
.prolist_des .explain { width:100%; padding-top:10px; margin-bottom:10px; line-height:18px;}
.prolist_des .explain h2 { padding-bottom:6px; font-size:18px; line-height:22px; font-weight:normal;}
.prolist_des .explain p { line-height:14px; font-size:11px; color:#666; margin-bottom:10px;}

.prolist_des .rname { font-size:20px; line-height:1.6em; text-transform:uppercase; color:#222; padding-top:8px;}

.morebrand { overflow:hidden; display:block; clear:both; padding-top:30px;}
.morebrand .bt { overflow:hidden; display:block; clear:both; font-size:14px; line-height:24px;}
.morebrand .nr a { display:inline-block; margin-right:8px; line-height:20px;}

.prolist_toolbar { width:712px; height:36px; overflow:hidden; background:#f8f8f8 url(../images/products/pro_list_part.gif) repeat-x 0px -69px; display:block; clear:both; border:1px solid #dfdfdf; border-top:2px solid #2aa586;}
.prolist_toolbar span { height:36px; overflow:hidden; float:left; display:block; padding-right:10px; border-right:1px solid #dfdfdf;}
.prolist_toolbar span a, .prolist_toolbar span.liters a, .prolist_toolbar span.drop a { text-decoration:none; cursor:pointer;}
.prolist_toolbar span a em { width:22px; height:26px; line-height:26px; overflow:hidden; background:url(../images/public/site_public_icon.gif) no-repeat -78px -38px; float:left; display:inline; margin:5px 10px; margin-right:5px; white-space:nowrap; text-indent:30px;}
.prolist_toolbar span a em.time { width:26px; background-position:-174px -38px;}
.prolist_toolbar span.liters a em { background-position:-55px -38px;}
.prolist_toolbar span.liters a em.time { width:26px; background-position:-147px -38px;}
.prolist_toolbar span.drop a em { background-position:-101px -38px;}
.prolist_toolbar span.drop a em.time { width:26px; background-position:-201px -38px;}
.prolist_toolbar span a strong { height:36px; line-height:36px; overflow:hidden; float:left; display:block; color:#c2c2c2; font-size:12px; text-decoration:none;}
.prolist_toolbar span.liters a strong, .prolist_toolbar span.drop a strong { color:#159071; text-decoration:none;}

.prolist_toolbar .page_bl { height:20px; overflow:hidden; float:right; display:block; margin:8px 0; margin-right:10px; text-align:right;}

.prolist_conts { width:714px; overflow:hidden; display:block; clear:both;}
.pro_loop { width:218px; height:320px; overflow:hidden; float:left; display:inline; padding-left:10px; padding-right:9px; border-bottom:1px dotted #d1d1d1;}

.lclip_on .pro_loop { height:220px;}
.lcontact_lenses .pro_loop { height:225px;}
.laccessories .pro_loop { height:210px;}

.pro_loop .picture { width:218px; height:135px; overflow:hidden; display:block; clear:both;}
.pro_loop .picture table { border-collapse:collapse;}
.pro_loop .picture table tr td { width:218px; height:135px; overflow:hidden; text-align:left; vertical-align:middle;}
.pro_loop .picture table tr td .icon,.pro_loop .picture table tr td .icon2 { width:0; height:0; position:relative; left:0; top:90px; z-index:10;}
.pro_loop .picture table tr td .icon em,.pro_loop .picture table tr td .icon2 em { width:42px; height:40px; line-height:120px; overflow:hidden; background:url(../images/products/save.gif) no-repeat; float:left; display:block; position:absolute; left:0; top:0; z-index:11;}
.pro_loop .picture table tr td .icon2 em { background:url(../images/products/sold_out_icon.png) no-repeat;}

.lcontact_lenses .pro_loop .picture,
.laccessories .pro_loop .picture { height:140px;}
.lcontact_lenses .pro_loop .picture table tr td,
.laccessories .pro_loop .picture table tr td { height:140px;}

.pro_loop .name { width:218px; overflow:hidden; display:block; clear:both; line-height:1.6em}
.pro_loop .name a.try { color:#096; padding-left:3px;}
.pro_loop .name a:hover.try { color:#f70;}

.pro_loop .price { width:218px; height:16px; line-height:1.6em; overflow:hidden; display:block; clear:both; color:#c00; font-weight:bold; font-size:12px;}
.pro_loop .price span { font-weight:normal; color:#999; text-decoration:line-through; font-size:11px; padding-right:6px;}

.pro_loop .was { color:#000; line-height:1.8em;}

.pro_loop .promo { overflow:hidden; display:block; clear:both;}
.pro_loop .promo a { font-size:11px; color:#333; text-decoration:none; line-height:1.8em;}
.pro_loop .promo a:hover { color:#c00;}

.pro_loop .only { overflow:hidden; display:block; clear:both; font-size:11px; color:#c00; line-height:1.8em;}

.pro_loop .advanced { width:218px; overflow:hidden; float:left; display:block; margin:10px 0 5px 0;}
.pro_loop .advanced li { width:100px; height:14px; line-height:14px; overflow:hidden; float:left; display:block;}
.pro_loop .advanced li.yes { color:#666;}
.pro_loop .advanced li.yes em { width:13px; height:11px; overflow:hidden; background:url(../images/public/advanced_part.gif) no-repeat 0px 0px; float:left; margin-right:3px; margin-top:2px;}
.pro_loop .advanced li.no { color:#b0b0b0;}
.pro_loop .advanced li.no em { width:11px; height:11px; overflow:hidden; background:url(../images/public/advanced_part.gif) no-repeat -14px 0px; float:left; margin-right:5px; margin-top:2px;}

.pro_loop .param { width:218px; overflow:hidden; display:block; clear:both;}
.pro_loop .param li { width:218px; line-height:14px; overflow:hidden; display:block; clear:both;}
.pro_loop .param li span { float:left; display:block; padding-right:3px; line-height:14px;}
.pro_loop .param li em { float:left; display:block; padding-right:10px; white-space:nowrap; color:#666; line-height:14px;}

.prolist_bl .prolist_right .page_bl02 { width:714px; height:20px; overflow:hidden; display:block; clear:both; padding-top:10px;}

/* CSS Document prolist_nodata */
.prolist_nodata { width:100%; overflow:hidden; float:right; display:block; padding:20px 0;}
.prolist_nodata .dname { line-height:20px; overflow:hidden; display:block; clear:both; margin-bottom:20px; font-size:14px; font-style:italic; font-weight:normal;}
.prolist_nodata .txt_tips { line-height:18px; overflow:hidden; display:block; clear:both;}
.prolist_nodata .txt_tips dt { line-height:18px; overflow:hidden; display:block; clear:both; color:#f70; font-weight:bold; font-size:12px;}
.prolist_nodata .txt_tips dd { line-height:16px; overflow:hidden; display:block; clear:both;}

/* CSS Document brands_list */
.brands_list { width:234px; overflow:hidden; background:#fff; border:1px solid #dfdfdf; display:block; clear:both; padding-bottom:350px;}
.brands_list li { width:100%; height:36px; overflow:hidden; background:#fff url(../images/public/help_part.gif) repeat-x 0px bottom; display:block; clear:both; border-bottom:1px solid #dfdfdf;}
.brands_list li em { width:10px; height:10px; overflow:hidden; background:url(../images/public/site_public_icon.gif) no-repeat 0px -427px; float:left; display:inline; margin:13px 0 0 12px;}
.brands_list li a { width:196px; line-height:16px; font-size:12px; overflow:hidden; float:right; display:block; padding:10px 10px 10px 0; text-decoration:none;}
.brands_list li.set a { font-weight:bold; color:#000;}

.brands_show { width:100%; overflow:hidden; display:block; clear:both; padding:15px 0 0 0;}
.brands_show li { width:auto; overflow:hidden; display:block; clear:both; border:1px solid #dfdfdf; margin-bottom:10px;}
.brands_show li img { float:left; display:block;}
.brands_show li p { width:auto; overflow:hidden; display:block; clear:both; line-height:16px; font-size:12px; padding:5px 10px 10px 10px; color:#666;}
.brands_show li p strong { font-size:13px; line-height:20px; color:#000;}
.brands_show li p a { font-size:12px;}

.brands_des { width:204px; overflow:hidden; display:block; clear:both; padding:0 15px; border:1px solid #dfdfdf; margin-bottom:10px;}
.brands_des .photo { width:160px; height:100px; overflow:hidden; display:block; clear:both; margin:5px auto;}
.brands_des .photo table { width:160px; height:100px; overflow:hidden; text-align:center; vertical-align:middle; border-collapse:collapse;}
.brands_des p { width:204px; overflow:hidden; display:block; clear:both; margin-bottom:20px;}

/* CSS Document proview_bl */
.proview_bl { width:980px; overflow:visible; display:block; clear:both; margin:0 auto;}

/* CSS Document proview_show */
.proview_show { width:100%; display:block; clear:both;}
.photo_bl { width:322px; float:left; display:block; padding-bottom:30px;}

.photo_bl .big_bl { width:300px; height:300px; background:#fff; border:1px solid #dfdfdf; border-bottom:none; text-align:center; position:relative; left:0; top:0; z-index:10;}
.photo_bl .big_bl .enlarge { width:300px; height:24px; background:#f7f7f7 url(../images/products/see_image.gif) repeat-x; float:right; position:absolute; left:0px; top:0px; z-index:110;}
.photo_bl .big_bl .enlarge a { width:300px; height:24px; color:#999; text-align:center; overflow:hidden; background:url(../images/products/see_image.gif) no-repeat 82px -25px; float:left; font-weight:bold; font:12px/24px Arial, Helvetica, sans-serif; text-decoration:none;}

.photo_bl .big_bl .set { background-color:#e9e9e9; background-position:0px -50px;}
.photo_bl .big_bl .set a { background-position:82px -75px; color:#7b7b7b;}

.photo_bl .big_bl table { text-align:center; margin:0 auto; border-collapse:collapse;}
.photo_bl .big_bl table tr td { height:300px; text-align:center; vertical-align:middle;}
.photo_bl .big_bl table tr td .pic { position:relative; width:auto; text-align:center; margin:0 auto;}

.cloud-zoom-lens { background-color:#fff; border:1px solid #ccc; cursor:move; position:absolute; z-index:98;}
.cloud-zoom-big { border:1px solid #dfdfdf; overflow:hidden; background-color:none; margin-left:310px;}
.cloud-zoom-loading { color:#333; background:#fff; padding:2px 8px 3px 8px; border:1px solid #ccc; font-size:11px;}

.photo_bl .small_bl { width:310px; height:76px; overflow:hidden; background:url(../images/products/pro_view_part.gif) no-repeat 0px 0px; display:block; clear:both;}
.photo_bl .small_bl li { width:70px; height:60px; overflow:hidden; float:left; display:block; margin-right:7px; padding-top:16px;}
.photo_bl .small_bl li .cell { width:68px; height:58px; overflow:hidden; background:#fff; border:1px solid #dfdfdf; display:block; clear:both; text-align:center; vertical-align:middle;}
.photo_bl .small_bl li .cell table { border-collapse:collapse;}
.photo_bl .small_bl li .cell table tr td { width:68px; height:58px; overflow:hidden; text-align:center; vertical-align:middle;}
.photo_bl .small_bl li .cell table tr td img { cursor:pointer;}
.photo_bl .small_bl li.set { background:url(../images/products/pro_view_part.gif) no-repeat 0px -80px;}
.photo_bl .small_bl li.set .cell { border:1px solid #83bcad;}

.buy_bl { width:358px; height:auto; float:left; display:block; padding-bottom:30px; position:relative; z-index:5;}
.buy_bl .ntltle { width:100%; overflow:hidden; display:block; clear:both; margin-bottom:6px; font-size:12px; line-height:16px;}

.stars { height:15px; overflow:hidden; float:left; display:block;}
.stars em { width:79px; height:15px; line-height:50px; overflow:hidden; background:url(../images/public/site_public_icon.gif) no-repeat; float:left; display:block;}
.stars em.s0 { background-position:-255px -38px;}
.stars em.s1 { background-position:-335px -38px;}
.stars em.s2 { background-position:-415px -38px;}
.stars em.s3 { background-position:-255px -54px;}
.stars em.s4 { background-position:-335px -54px;}
.stars em.s5 { background-position:-415px -54px;}
.stars a,.stars span { line-height:16px; float:left; display:block; padding-left:4px;}

.buy_bl .rev_fav { width:100%; overflow:hidden; display:block; clear:both; margin-bottom:15px;}
.buy_bl .rev_fav li { line-height:16px; overflow:hidden; float:left; display:block; padding-right:15px; white-space:nowrap;}

.buy_bl .price { width:100%; overflow:hidden; display:block; clear:both; margin-bottom:10px;}
.buy_bl .price li { width:100%; overflow:hidden; display:block; clear:both; margin-bottom:5px; line-height:16px; color:#999;}
.buy_bl .price li em { color:#000; font-size:12px; font-weight:bold; font-style:normal;}
.buy_bl .price li em.save { color:#930;}
.buy_bl .price li strong { color:#db7700; font-size:20px; line-height:20px;}
.buy_bl .price li span { color:#000;}
.buy_bl .price li.only { font-size:14px; font-weight:bold; color:#090; font-family:Verdana;}

.buy_bl .price li .pr1 { height:40px; line-height:40px; overflow:hidden; float:left; display:inline; background:url(../images/products/save.gif) no-repeat right center; padding:0 46px 0 0;}
.buy_bl .price li .pr2 { float:left; display:inline; color:#000; padding:4px 0 0 0;}

.buy_bl .spec { width:100%; display:block; clear:both; margin-bottom:10px;}
.buy_bl .spec .stitle { height:20px; overflow:hidden; display:block; clear:both;}
.buy_bl .spec .stitle h2 { height:20px; font-size:11px; line-height:16px; overflow:hidden; color:#c00; float:left; display:block; padding-right:5px;}
.buy_bl .spec .stitle .help { width:16px; height:16px; line-height:50px; overflow:hidden; background:url(../images/public/site_public_icon.gif) no-repeat -21px -138px; float:left; display:block;}

.spec_info { width:auto; background:#fafefd; border:1px solid #c4e3dd; padding:10px 7px 6px 7px; display:block; clear:both; border-radius:4px;}
.spec_info ul { width:100%; display:inline-block; clear:both; margin-bottom:6px;}
.spec_info ul li { float:left; display:block; line-height:14px;}
.spec_info ul li.name { width:40px; overflow:hidden; text-align:right; padding-right:5px;}
.spec_info ul li.date { width:295px;}

.spec_info ul li.date .loop { height:16px; line-height:16px; background:none; color:#2579bf; text-decoration:underline; padding:0 6px; white-space:nowrap; float:left; display:inline-block; margin-bottom:2px; cursor:pointer; border-radius:2px;}
.spec_info ul li.date .loop .s_res { display:none;}

.spec_info ul li.date .set { background:#389f84; color:#fff; text-decoration:none;}
.spec_info ul li.date .hover { background:#389f84; color:#fff; text-decoration:none; border-radius:0;}
.spec_info ul li.date .hover .s_res { display:block;}

.plug_share{ width:100%; float:left; display:block; height:20px; margin-bottom:10px;}
.plug_share ul li { height:20px; margin-right:4px; float:left;}

.s_res { width:0; height:0; position:relative; left:0; top:0; z-index:11;}
.s_res .s_abs { width:294px; height:40px; overflow:hidden; padding-left:6px; border:1px solid #389f84; background:#f9fffc; position:absolute; left:-6px; top:16px; z-index:12;}
.s_res .s_abs dd { width:76px; height:40px; overflow:hidden; float:left; display:block;}
.s_res .s_abs dd.size01 { width:64px;}
.s_res .s_abs dd.size02 { width:80px;}
.s_res .s_abs dd em { height:13px; overflow:hidden; background:url(../images/public/site_public_icon.gif) no-repeat; margin:0 auto; display:block; clear:both; margin-top:8px;}
.s_res .s_abs dd em.eye_size { width:41px; background-position:-55px -138px;}
.s_res .s_abs dd em.bridge { width:41px; background-position:-97px -138px;}
.s_res .s_abs dd em.temple { width:41px; background-position:-139px -138px;}
.s_res .s_abs dd em.vertical { width:45px; background-position:-181px -138px;}

.s_res .s_abs dd .txt_b { line-height:14px; overflow:hidden; white-space:nowrap; display:block; clear:both; text-align:center; color:#666; font-size:9px;}
.s_res .s_abs dd .txt_b span { color:#f70; padding-left:4px;}

.lens_info { width:100%; overflow:hidden; display:block; clear:both; margin-bottom:15px;}
.lens_info li.stitle { height:16px; overflow:hidden; float:left; display:block;}
.lens_info li.stitle h2 { line-height:16px; font-size:11px; color:#c00; padding-right:5px;}
.lens_info li.help { width:16px; height:16px; line-height:50px; overflow:hidden; background:url(../images/public/site_public_icon.gif) no-repeat -21px -138px; float:left; display:block;}

.lens_info li.other { width:270px; overflow:hidden; float:left; display:block;}
.lens_info li.other .yes { height:16px; float:left; display:block; padding-left:8px;}
.lens_info li.other .yes em { width:13px; height:11px; overflow:hidden; background:url(../images/public/advanced_part.gif) no-repeat 0px 0px; float:left; display:block; margin-right:3px; margin-top:3px;}
.lens_info li.other .yes span { height:16px; line-height:16px; overflow:hidden; float:left; display:block; color:#666;}
.lens_info li.other .no { height:16px; float:left; display:block; padding-left:8px;}
.lens_info li.other .no em { width:11px; height:11px; overflow:hidden; background:url(../images/public/advanced_part.gif) no-repeat -14px 0px; float:left; display:block; margin-right:3px; margin-top:3px;}
.lens_info li.other .no span { height:16px; line-height:16px; overflow:hidden; float:left; display:block; color:#b0b0b0;}

.gift_info { width:100%; float:left; display:block; margin-bottom:10px;}
.gift_info .stitle { width:34px; overflow:hidden; float:left; display:block; margin-bottom:10px; color:#c00; font-size:11px;}
.gift_info ul { width:322px; float:right; display:block; margin-bottom:7px;}
.gift_info ul li.photo { width:60px; height:60px; background:#fff; border:1px solid #d2d2d2; float:left; display:block; cursor:pointer;}
.gift_info ul li.photo table { border-collapse:collapse;}
.gift_info ul li.photo table tr td { width:60px; height:60px; overflow:hidden; text-align:center; vertical-align:middle;}
.gift_info ul li.photo .popu_view { display:none;}

.gift_info ul li.set .popu_view { width:0; height:0; display:block; clear:both; position:relative; left:-1px; top:-230px; z-index:310;}
.gift_info ul li.set .popu_view span { width:220px; height:220px; overflow:hidden; background:#fff; border:1px solid #d2d2d2; display:block; clear:both; position:absolute; left:0; top:0; z-index:311;}
.gift_info ul li.set .popu_view span table { border-collapse:collapse;}
.gift_info ul li.set .popu_view span table tr td { width:220px; height:220px; overflow:hidden; text-align:center; vertical-align:middle;}
.gift_info ul li.set .popu_view em { width:14px; height:7px; overflow:hidden; background:url(../images/public/site_public_icon.gif) no-repeat -18px -427px; float:left; display:block; position:absolute; left:14px; top:221px; z-index:312;}

.gift_info ul li.txt { width:255px; line-height:14px; overflow:hidden; float:right; display:block; border:0; cursor:default;}
.gift_info ul li.txt strong { color:#c00;}

.but_info { width:100%; overflow:hidden; display:block; clear:both; padding-top:5px;}
.but_info input { height:38px; overflow:hidden; background:url(../images/public/site_button_part.gif) no-repeat; float:left; display:block; padding-top:38px; border:0; cursor:pointer;}
.but_info input.cart { width:169px; background-position:0px -390px;}
.but_info input.lenses { width:152px; background-position:0px -312px;}
.but_info input.only_frame { width:191px; background-position:0px -195px;}
.but_info input.contact_lenses { width:201px; background-position:0px -351px;}
.but_info input.sold_out { width:230px; background:url(../images/public/sold_out.png) no-repeat; cursor:default;}

.proview_show .spread_bl { width:278px; overflow:hidden; float:right; display:block; position:relative; z-index:1;}
.proview_show .spread_bl .try_fb { width:27px; height:17px; overflow:hidden; background:url(../images/products/tryon_facebook.gif) no-repeat; float:right; display:block; line-height:200px; cursor:pointer; position:absolute; right:10px; top:230px; z-index:11;}

/* CSS Document proview_promo */
.proview_promo { width:100%; overflow:hidden; display:block; clear:both; margin-bottom:20px;}

.proview_promo .toolbar { width:978px; height:36px; overflow:hidden; background:#f8f8f8 url(../images/products/pro_list_part.gif) repeat-x 0px -106px; display:block; clear:both; border:1px solid #dfdfdf; border-top:2px solid #2aa586; margin:0 auto;}
.proview_promo .toolbar li { height:36px; line-height:36px; overflow:hidden; background:#f8f8f8 url(../images/products/pro_list_part.gif) repeat-x 0px -106px; color:#999; font-size:13px; float:left; display:block; border-right:1px solid #dfdfdf; padding:0 15px; cursor:pointer;}
.proview_promo .toolbar li.set { background:url(../images/products/pro_list_part.gif) repeat-x center  -68px; color:#db7801; font-size:15px;}

.proview_promo .conts { width:718px; background:#fff; float:left; display:block; padding:5px; position:relative; top:0; z-index:1;}
.proview_promo .conts li { width:120px; overflow:hidden; float:left; display:block;}
.proview_promo .conts li .pic { width:120px; height:75px; overflow:hidden; display:block; clear:both;}
.proview_promo .conts li .pic table { border-collapse:collapse;}
.proview_promo .conts li .pic table tr td { width:120px; height:75px;}
.proview_promo .conts li .txt { width:auto; overflow:hidden; display:block; clear:both; font-size:11px; line-height:14px; padding:5px 0 10px 0; text-align:center;}
.proview_promo .conts li .txt span { color:#999;}

.proview_promo .conts li.add { width:17px; height:17px; overflow:hidden; background:url(../images/products/pro_sale_part.gif) no-repeat -90px 0px; margin:42px 5px 0 5px;}

.proview_promo .conts li.stat { width:235px; overflow:hidden; padding-top:10px; position:absolute; top:0px; right:-245px; z-index:2;}
.proview_promo .conts li.stat p { width:100%; overflow:hidden; display:block; clear:both; margin-bottom:6px; font-size:11px; line-height:18px;}
.proview_promo .conts li.stat strong.sname { line-height:14px; font-size:12px;}
.proview_promo .conts li.stat span.price { color:#db7700; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold;}
.proview_promo .conts li.stat strong.total { color:#c00; font-size:13px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;}

.proview_promo .conts li.stat .but { width:100%; overflow:hidden; display:block; clear:both;}
.proview_promo .conts li.stat .but input { width:89px; height:24px; overflow:hidden; background:url(../images/products/pro_sale_part.gif) no-repeat; float:left; display:block; padding-top:24px; border:0; white-space:nowrap; cursor:pointer;}

/* CSS Document proview_samepro */
.proview_samepro { width:100%; overflow:hidden; display:block; clear:both;}

.proview_samepro .toolbar { width:978px; height:36px; overflow:hidden; background:#f8f8f8 url(../images/products/pro_list_part.gif) repeat-x 0px -106px; display:block; clear:both; border:1px solid #dfdfdf; border-top:2px solid #2aa586; margin:0 auto;}
.proview_samepro .toolbar li { height:36px; line-height:36px; overflow:hidden; background:#f8f8f8 url(../images/products/pro_list_part.gif) repeat-x 0px -106px; color:#999; font-size:13px; float:left; display:block; border-right:1px solid #dfdfdf; padding:0 15px; cursor:pointer;}
.proview_samepro .toolbar li.set { background:url(../images/products/pro_list_part.gif) repeat-x center  -68px; color:#db7801; font-size:15px;}

.proview_samepro .conts { width:960px; overflow:hidden; display:block; clear:both; padding:10px 10px 20px 10px;}

.proview_samepro .conts .back { width:30px; height:142px; overflow:hidden; float:left; display:block;}
.proview_samepro .conts .back a { width:17px; height:26px; line-height:100px; overflow:hidden; background:url(../images/public/site_public_icon.gif) no-repeat -97px 0px; float:left; display:block; margin-top:46px; cursor:pointer;}
.proview_samepro .conts .back a:active { background-position:-133px 0px;}
.proview_samepro .conts .back a.fail,.proview_samepro .conts .back a:active.fail { background-position: -61px 0px; cursor:default;}
.proview_samepro .conts .back a:focus { -moz-outline:none; outline:none;}

.proview_samepro .conts .next { width:30px; height:142px; overflow:hidden; float:right; display:block;}
.proview_samepro .conts .next a { width:17px; height:26px; overflow:hidden; background:url(../images/public/site_public_icon.gif) no-repeat -115px 0px; float:right; display:block; margin-top:46px; text-indent:50px; white-space:nowrap; cursor:pointer;}
.proview_samepro .conts .next a:active { background-position:-151px 0px;}
.proview_samepro .conts .next a.fail,.proview_samepro .conts .next a:active.fail {  background-position:-79px 0px; cursor:default;}
.proview_samepro .conts .next a:focus { -moz-outline:none; outline:none;}

.proview_samepro .conts .por_info { width:900px; height:150px; overflow:hidden; float:left; display:block; position:relative;}
.proview_samepro .conts .por_info ul { width:100%; overflow:hidden; float:left; display:block; position:relative; left:0px;}
.proview_samepro .conts .por_info ul li { width:160px; overflow:hidden; float:left; display:block; padding:0 10px;}
.proview_samepro .conts .por_info ul li .pic { width:160px; height:100px; overflow:hidden; display:block; clear:both;}
.proview_samepro .conts .por_info ul li .pic table { width:160px; height:100px; border-collapse:collapse;}
.proview_samepro .conts .por_info ul li .pic table tr td { width:160px; height:100px; overflow:hidden; text-align:center; vertical-align:middle;}
.proview_samepro .conts .por_info ul li .txt { width:160px; height:50px; line-height:16px; overflow:hidden; display:block; clear:both;}
.proview_samepro .conts .por_info ul li .txt a { font-size:11px;}

/* CSS Document proview_detail */
.proview_detail { width:100%; overflow:hidden; display:block; clear:both; margin-bottom:10px;}

.proview_detail .toolbar { width:978px; height:36px; overflow:hidden; background:#f8f8f8 url(../images/products/pro_list_part.gif) repeat-x 0px -106px; display:block; clear:both; border:1px solid #dfdfdf; border-top:2px solid #2aa586; margin:0 auto;}
.proview_detail .toolbar li { height:36px; line-height:36px; overflow:hidden; background:#f8f8f8 url(../images/products/pro_list_part.gif) repeat-x 0px -106px; color:#999; font-size:13px; float:left; display:block; border-right:1px solid #dfdfdf; padding:0 15px; cursor:pointer;}
.proview_detail .toolbar li.set { background:url(../images/products/pro_list_part.gif) repeat-x center  -68px; color:#db7801; font-size:15px;}

/* detail_info */
.detail_info { width:100%; overflow:hidden; display:block; clear:both; padding-top:10px;}
.detail_info .loop { width:100%; overflow:hidden; display:block; clear:both; margin-bottom:20px; line-height:18px; color:#666; font-size:12px;}
.detail_info .loop strong { font-size:13px; line-height:22px; color:#000;}
.detail_info .loop b { color:#000;}
.detail_info .loop a { font-size:13px;}
.detail_info .loop .tname { font-size:18px; color:#000; line-height:30px; font-weight:bold;}

.detail_info .paramelist  { width:100%; overflow:hidden; display:block; clear:both;}
.detail_info .paramelist li { width:84%; height:18px; line-height:18px; overflow:hidden; float:left; display:block; color:#666; font-size:12px;}
.detail_info .paramelist li.name { width:15%; color:#000; font-weight:bold;}

.detail_info .specbl { width:625px; height:95px; background:url(../images/products/newprospec_01.jpg) no-repeat; overflow:hidden; display:block; clear:both;}
.detail_info .specbl li { width:20%; height:42px; overflow:hidden; float:left; display:block; padding-top:53px; text-align:center; color:#000; font-size:13px; line-height:18px;}
.detail_info .specbl li span { font-weight:bold; color:#c00;}

.detail_info .txtlist { width:auto; overflow:hidden; display:block; clear:both; padding-left:20px;}
.detail_info .txtlist li { line-height:18px; color:#666; font-size:12px; list-style-type:disc;}

.detail_info .clip_on { width:100%; overflow:hidden; display:block; clear:both; margin-bottom:10px;}
.detail_info .clip_on .wtitle { font-size:13px; line-height:16px; color:#000; margin-bottom:14px; font-weight:bold;}
.detail_info .clip_on .cell { width:48%; overflow:hidden; float:left; display:block; padding:0 2% 10px 0;}
.detail_info .clip_on .cell img { float:left; margin-right:10px;}
.detail_info .clip_on .line { width:100%; padding:0 0 10px 0;}
.detail_info .clip_on strong { font-size:12px; line-height:16px;}
.detail_info .clip_on p { color:#666; line-height:16px; font-size:12px;}

.detail_info .reading { width:960px; overflow:hidden; display:block; clear:both; margin-bottom:20px;}
.detail_info .reading strong { color:#000; font-size:13px; line-height:16px;}
.detail_info .reading b { font-size:11px; color:#000; line-height:14px;}
.detail_info .reading p { color:#666; line-height:16px; font-size:12px; margin-bottom:10px;}

.detail_info .contact_lens { width:100%; overflow:hidden; display:block; clear:both; margin-bottom:20px;}
.detail_info .contact_lens strong { color:#000; font-size:13px; line-height:18px;}
.detail_info .contact_lens b { color:#000; font-size:12px; line-height:16px;}
.detail_info .contact_lens p { color:#666; line-height:16px; font-size:12px; margin-bottom:10px;}

.detail_info .contact_lens .form_bl { width:407px; overflow:hidden; float:right; display:block; margin-left:20px;}
.detail_info .contact_lens .form_bl .name { width:406px; overflow:hidden; display:block; clear:both; border:1px solid #dfdfdf; border-left:none;}
.detail_info .contact_lens .form_bl .name li { height:32px; line-height:32px; overflow:hidden; float:left; display:block; border-left:1px solid #dfdfdf; background:#fafafa; color:#333; text-align:center;}
.detail_info .contact_lens .form_bl .name li.optometry { width:120px;}
.detail_info .contact_lens .form_bl .name li.frame_glasses { width:140px;}
.detail_info .contact_lens .form_bl .name li.contact_lenses { width:143px;}
.detail_info .contact_lens .form_bl .conts { width:406px; height:347px; overflow:auto; display:block; clear:both; border:1px solid #dfdfdf; border-top:none; border-left:none;}
.detail_info .contact_lens .form_bl .conts ul { width:389px; overflow:hidden; display:block; clear:both; list-style-type:none;}
.detail_info .contact_lens .form_bl .conts ul li { float:left; display:block; border-left:1px solid #dfdfdf; border-bottom:1px solid #dfdfdf; background:#fff; line-height:24px; color:#666; text-align:center;}
.detail_info .contact_lens .form_bl .conts ul li.optometry { width:120px; color:#6c9d2a;}
.detail_info .contact_lens .form_bl .conts ul li.frame_glasses { width:140px; color:#c17e27;}
.detail_info .contact_lens .form_bl .conts ul li.contact_lenses { width:126px; color:#2ea8be;}

/* review_bl */
.review_bl { width:980px; overflow:hidden; display:block; clear:both; margin-bottom:20px;}
.review_bl .mtitle { width:960px; height:32px; line-height:32px; overflow:hidden; background:#fafafa; padding:0 10px; border-top:1px solid #dfdfdf; border-bottom:1px solid #f1f1f1; font-size:12px; color:#117a5b; margin-bottom:10px;}

.review_bl .nodata { display:block; clear:both; line-height:18px; font-size:12px; font-style:italic; font-weight:bold;}

.review_bl .rlist { width:620px; overflow:hidden; float:left; display:block;}
.review_bl .rlist .loop { width:100%; overflow:hidden; display:block; clear:both; margin-bottom:10px;}
.review_bl .rlist .loop .avatar { width:58px; height:87px; overflow:hidden; border:1px solid #efefef; float:left; display:block;}
.review_bl .rlist .loop .avatar .photo { width:58px; height:71px; overflow:hidden; display:block; clear:both;}
.review_bl .rlist .loop .avatar .photo table { border-collapse:collapse;}
.review_bl .rlist .loop .avatar .photo table tr td { width:58px; height:71px; overflow:hidden; text-align:center; vertical-align:middle;}
.review_bl .rlist .loop .avatar .share { width:58px; height:16px; overflow:hidden; background:#f8f8f8; text-align:center; display:block; clear:both;}
.review_bl .rlist .loop .avatar .share a { text-decoration:none; font-size:9px; line-height:16px;}
.review_bl .rlist .loop .infos { width:550px; overflow:hidden; float:right; display:block;}
.review_bl .rlist .loop .infos li { width:100%; line-height:18px; overflow:hidden; display:block; clear:both;}
.review_bl .rlist .loop .infos li span { height:15px; line-height:16px; overflow:hidden; float:left; display:block; padding:0 5px;}
.review_bl .rlist .loop .infos li.txt { padding-top:6px; color:#999; line-height:13px;}
.review_bl .rlist .page_bl { width:100%; overflow:hidden; display:block; clear:both; padding-top:10px; border-top:1px dotted #dfdfdf;}

.review_bl .rstat { width:300px; overflow:hidden; float:right; display:block;}
.review_bl .rstat h3 { line-height:16px; overflow:hidden; display:block; clear:both; font-size:12px; margin-bottom:4px;}
.review_bl .rstat .sum { overflow:hidden; display:block; clear:both; margin-bottom:20px;}
.review_bl .rstat .sum p { line-height:16px; overflow:hidden; display:block; clear:both; padding-top:4px;}

.review_bl .rstat .qty { width:100%; overflow:hidden; display:block; clear:both; margin-bottom:25px;}
.review_bl .rstat .qty li { height:15px; overflow:hidden; display:block; clear:both; margin-bottom:3px;}
.review_bl .rstat .qty li span { height:15px; line-height:16px; overflow:hidden; float:left; display:block; padding-right:5px;}

.review_bl .rstat .enter { width:100%; overflow:hidden; display:block; clear:both;}
.review_bl .rstat .enter p { line-height:14px; overflow:hidden; display:block; clear:both; margin-bottom:4px;}
.review_bl .rstat .enter .but { height:20px; overflow:hidden; background:url(../images/public/site_button_part_02.gif) no-repeat right -144px; float:left; display:block; white-space:nowrap; cursor:pointer;}
.review_bl .rstat .enter .but em { width:29px; height:20px; overflow:hidden; background:url(../images/public/site_button_part_02.gif) no-repeat -174px -165px; float:left; display:block;}
.review_bl .rstat .enter .but span { height:20px; line-height:18px; float:left; display:block; padding-right:10px;}

/* CSS Document focus_banners */
.focus_banners { width:980px; overflow:hidden; display:block; clear:both; margin:0 auto 15px auto;}
.focus_banners li { width:50%; overflow:hidden; float:left; display:block; padding-bottom:5px;}
.focus_banners li img { float:left;}
.focus_banners li.right img { float:right;}
.focus_banners li.inde { width:100%;}

/* all_topics */
#all_topics { width:980px; overflow:hidden; display:block; clear:both; margin:0 auto 40px auto;}
.topic_bar { width:202px; overflow:hidden; float:left; display:block;}

.list_nav { width:202px; float:left; display:block; margin-bottom:10px;}

.list_cell { width:202px; display:inline-block; clear:both; padding-bottom:12px;}
.list_cell li { width:100%; float:left; display:block; margin-bottom:2px;}
.list_cell li a { font-size:11px;}
.list_cell li h2 { line-height:16px; float:left; display:block; font-size:12px; text-decoration:underline;}
.list_cell li .txt, .list_cell li .txt_set { height:16px; line-height:18px; float:right; display:block; font-size:11px; text-decoration:underline; color:#2469b4; cursor:pointer;}
.list_cell li .txt a { line-height:18px; font-size:11px; text-decoration:underline;}
.list_cell li .txt p { display:none;}
.list_cell li .txt_set { position:relative; left:0; top:0; z-index:1;}
.list_cell li .txt_set a { line-height:14px; font-size:11px; text-decoration:none;}
.list_cell li .txt_set p { width:90px; overflow:hidden; background:#fff; display:block; clear:both; padding:6px 8px 8px 8px; border:1px solid #dfdfdf; position:absolute; right:0; top:15px; z-index:2;}
.list_cell li h3 { line-height:16px; overflow:hidden; float:left; display:block; color:#da5700; font-size:11px; padding-top:4px;}
.list_cell li.double { width:50%;}
.list_cell li em { width:42px; height:15px; overflow:hidden; background:url(../images/home/home_part.gif) no-repeat; float:left; display:block;}
.list_cell li em.fr { background-position:0px -144px;}
.list_cell li em.sr { background-position:-42px -144px;}
.list_cell li em.ri { background-position:-86px -144px;}
.list_cell li em.ov { background-position:-129px -144px;}
.list_cell li em.sq { background-position:-172px -144px;}
.list_cell li em.ro { background-position:-215px -144px;}
.list_cell li em.wa { background-position:-258px -144px;}
.list_cell li em.cat { background-position:-301px -144px;}
.list_cell li span { width:154px; height:15px; overflow:hidden; float:right; display:block;}

.get_coupon { width:100%; height:137px; overflow:hidden; background:url(../images/products/getoff.gif) no-repeat; display:block; clear:both;}
.get_coupon p { height:65px; overflow:hidden; display:block; clear:both; padding-top:23px; text-align:center; font-size:11px; line-height:13px;}
.get_coupon p strong { font-size:21px; line-height:26px; font-family:Georgia,"Times New Roman",Times,serif; color:#c00;}
.get_coupon .inp_bl { width:160px; overflow:hidden; display:block; clear:both; margin:0 auto;}
.get_coupon .inp_bl input { width:134px; height:21px; line-height:20px; background:none; float:left; display:block; font-size:11px; padding-left:3px; border:0;}
.get_coupon .inp_bl input.but { width:20px; float:right; cursor:pointer; margin:0;}

.topic_conts { width:758px; overflow:hidden; float:right; display:block;}
.topic_conts .title { width:100%; overflow:hidden; display:block; clear:both; margin-bottom:30px; font-size:11px; line-height:13px; color:#333;}
.topic_conts .title strong { font-size:32px; line-height:40px; font-family:Georgia,"Times New Roman",Times,serif; color:#000;}
.topic_conts .title strong.red { font-size:18px; line-height:22px; color:#c00;}
.topic_conts ul { width:100%; overflow:hidden; display:block; clear:both;}
.topic_conts ul li { width:33.3%; overflow:hidden; float:left; display:block; margin-bottom:30px;}
.topic_conts ul li img { float:left;}
