﻿
/*主广告*/
.mainAdver{
	width:660px;
	height:300px;
	position:relative;
	z-index:1;
	float:left;
	overflow:hidden;
}
.mainAdver .rollPics li{
	display:none;
	width:100%;
	height:100%;
}
.mainAdver .rollPics li a{ 
	display:block;
	height:100%; 
	width:100%;
	text-align:center;
}
.mainAdver .rollPics li.curr{
	display:block;
}
.mainAdver .nav{
	position:absolute;
	left:0;
	bottom:0;
	width:100%;
	overflow:hidden;
	height:22px;
}
.mainAdver .nav ol{
	width:120%;
	height:100%;
}
.mainAdver .nav li{
	float:left;
	width:166px;
	margin:0 1px 0 0;
	height:100%;
	font:12px/22px "宋体";
	position:relative;
}
.mainAdver .nav li span{
	position:absolute;
	height:100%;
	width:100%;
	top:0;
	left:0;
	display:block;
}
.mainAdver .nav li .title{
	z-index:2;
	text-align:center;
	cursor:pointer;
}
.mainAdver .nav li .title a{ color:#fff; display:block; height:100%; width:100%; }
.mainAdver .nav li .navMask{
	background:#000;
	opacity:0.5;
	filter:alpha(opacity=50);
	z-index:1;
}
.mainAdver .nav li.curr .title a{ color:#000; }
.mainAdver .nav li.curr .navMask{ background:#fff; }
/*公告*/
.annInfo{
	float:right;
	width:226px;
	_width:218px;
	margin-bottom:6px;
	border:1px solid #d7e3ef;
}
.annInfo .top{
	display:none;
}
.annInfo .btm{
	display:none;
}
.annInfo .inner{
	overflow:hidden;
}
.annInfo h3{
	padding-left:8px;
	background-color:#f1f1f1;
	border-bottom:1px solid #d7e3ef;
	margin-bottom:3px;
	height:25px;
	overflow:hidden;
	width:100%;
}
.annInfo h3 .title{
	float:left;
	font:bold 12px/25px "宋体";
	color:#626262;
}
.annInfo h3 .more{
	float:right;
	background:url(../images/bg/homepage/homepage_bg_1.png) no-repeat 0 0;
	height:11px;
	width:36px;
	text-indent:-9999px;
	overflow:hidden;
	margin:5px 16px 0 0;
	_margin:5px 8px 0 0;
}
.annInfo h3 .more:hover{ background-position:0 -11px; }
.annInfo ul{
	overflow:hidden;
	padding-left:8px;
	height:84px;
	width:100%;
}
.annInfo li{
	display:block;
	width:100%;
	float:left;
	height:21px;
	background:url(../images/bg/homepage/homepage_bg_1.png) no-repeat 0px -84px;
	text-indent:10px;
	white-space:nowrap;
	overflow:hidden;
	text-overflow: ellipsis;/* for IE */
}
.annInfo li a{
	font:12px/18px "宋体";
	color:#626262;
}
.annInfo li a.strong{
	color:#e12f21;
}
.annInfo li a:hover{ text-decoration:underline; }
.annInfo li a:hover font{ text-decoration:underline; }
/*每日抢购*/
.everyDay{
	float:right;
	border:1px solid #f9c7ae;
	height:177px;
	width:226px;
	position:relative;
	background:url(/images/bg/homepage/homepage_bg_1.png) no-repeat -368px 0;
}
.everyDay .prodImg{
	position:absolute;
	right:3px;
	top:42px;
	height:100px;
	width:100px;
	border:4px solid #f2a179;
	z-index:2;
	background-color:#fff;
}
.everyDay .label{
	position:absolute;
	right:-1px;
	bottom:0;
}
.everyDay .prodImg a{
	height:100%;
	width:100%;
	display:block;
}
.everyDay h3{
	height:29px;
	font:bold 14px/29px Arial,"宋体";
	text-indent:10px;
	margin-bottom:8px;
	border-bottom:1px solid #d9d9d9;
	white-space:nowrap;
	overflow:hidden;
	width:100%;
}
.everyDay .prodOff,
.everyDay .prodOPrice,
.everyDay .prodNPrice{
	font:12px/18px "宋体";
	padding-left:16px;
}
.everyDay .prodOff b,
.everyDay .prodOPrice del,
.everyDay .prodNPrice b{
 font-weight:bold;
}
.everyDay .prodNPrice{ color:#fe5200; }
.everyDay .prodOff{ margin-bottom:5px; }
.everyDay .buyNow{
	font:24px/45px Arial;
	background:url(/images/bg/homepage/homepage_bg_1.png) no-repeat -128px 0;
	height:45px;
	width:235px;
	position:absolute;
	left:-9px;
	text-indent:8px;
	z-index:1;
}
.everyDay .buyNow a{color:#fff; display:block; height:100%; }
.everyDay .buyNow span{ font-size:12px; font-family:"微软雅黑"; }
.everyDay .btmInfo{
	position:absolute;
	bottom:0;
	font:14px/normal Arial,"宋体";
	width:100%;
}
.everyDay .btmInfo .time{
	position:absolute;
	bottom:6px;
	left:15px;
}
.everyDay .btmInfo .time b{
	font-weight:bold;
}
.everyDay .btmInfo .saled{
	position:absolute;
	bottom:4px;
	right:25px;
}
.everyDay .btmInfo .saled strong{
	font-size:19px;font-weight:bold;
	color:#ff5402;
}
/*三联广告*/
.leafPromos{
	width:100%;
	overflow:hidden;
	margin-bottom:0;
}
.leafPromos .inner{
	width:110%;
}
.leafPromos a{
	float:left;
	height:100px;
	width:292px;
	margin:1px 10px 11px 1px;
}
.leafPromos a:hover{ border-color:#2BA8FA; }

.blockTop{
	background:url("../images/bg/homepage/homepage_repeat_y.png") no-repeat -788px 0;
	display:block;
	height:7px;
	overflow:hidden;
	width:100%;
}
.blockBtm{
	background:url("../images/bg/homepage/homepage_repeat_y.png") no-repeat -788px -13px;
	display:block;
	height:7px;
	overflow:hidden;
	width:100%;
}
.blockInner{
	background:url("../images/bg/homepage/homepage_repeat_y.png") repeat-y scroll -1693px 0 transparent;
	padding:10px 0;
}

/*商品分类目录*/
.category-list{
	width:900px;
}
.category-list .category-item{
	float:left;
	width:434px;
	margin-left:11px;
	margin-bottom:15px;
	_display:inline;
}
.category-list a:hover{ text-decoration:underline;  }
.category-list h3{
	width:100%;
	overflow:hidden;
	margin-bottom:8px;
	height:20px;
}
.category-list h3 strong{
	font:normal 16px/normal "微软雅黑";
	color:#0f7cbf;
	float:left;
	width:205px;
	text-indent:-9999px;
	background:url(../images/bg/homepage/homepage_bg_3.png) no-repeat;
}
.category-list h3 .c1{ background-position:0 0; }/*普通隐形眼镜*/
.category-list h3 .c2{ background-position:-294px 0; }/*彩色隐形眼镜*/
.category-list h3 .c3{ background-position:0 -38px; }/*眼镜架*/
.category-list h3 .c4{ background-position:0 -76px; }/*镜片*/
.category-list h3 .c5{ background-position:-294px -76px; }/*太阳镜*/
.category-list h3 .c6{ background-position:0 -114px; }/*功能镜*/
.category-list h3 .c7{ background-position:-294px -38px; }/*眼护理*/
.category-list h3 .c8{ background-position:-294px -114px; }/*附件*/

.category-list h3 a{
	float:right;
	color:#333;
	font:12px/normal "宋体";
	margin:5px 5px 0 0;
}
.category-list .itemBox{
	border:1px solid #cee1ec;
	padding:4px 7px;
}
.category-list .hover{ border-color:#ff5706; }
.category-list .itemBox p{ padding:3px 0; }
.category-list .itemBox strong{
	float:left;
	font:12px/18px "宋体";
	color:#0088e0; 
}
.category-list .itemBox a{
	float:left;
	font:12px/18px Arial,"宋体";
	color:#333;
	white-space:nowrap;
}
.category-list .itemBox a:hover{ color:#FF5706; }
.category-list .itemBox b{
	float:left;
	font:normal 11px/18px Arial;
	color:#333;
	margin:0 5px;
}
.category-list .itemBox .bean{ border-bottom:1px dotted #d4d4d4; }
.category-list .itemBox .bean strong{ color:#ff5706; }


.prodsList{
	width:100%;
	overflow:hidden;
}
.prodsList ul{ width:110%; }
.prodsList li{
	float:left;
	margin:0 21px 2px 0;
	overflow:hidden;
}
.prodsList li a.img{
	display:block;
	margin:0 0 8px 0;
	position:relative;
	border:1px solid #c9c9c9;
}
.prodsList li a.img:hover{ border-color:#2BA8FA; }
.prodsList li .title{
	display:block;
	width:100%;
	margin:0 0 8px 0;
	height:15px;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;/*for IE*/
	text-align:center;
}
.prodsList li .title a{
	font:12px/15px Arial,"宋体";
	color:#404040;
}
.prodsList li .title a:hover{ text-decoration:underline; }
.prodsList li .price{
	display:block;
	color:#ff5500;
	font:bold 13px/normal Verdana,Arial,"宋体";
	margin:0 0 3px 0;
	text-align:center;
}
.prodsList li .oPrice{
	display:block;
	color:#707070;
	font:12px/normal Verdana,Arial,"宋体";
	text-align:center;
}
.prodsList li .oPrice em{  font-style:normal; text-decoration:line-through; }


/*推荐的商品*/
.flower{
	
}
/*热门推荐商品*/
.flower .petal{
	float:left;
	width:600px;
}
.flower .blockInner{
	padding:13px;
}
.flower .petal .stamen{
	border-bottom:1px solid #d4d4d4;
	padding-bottom:5px;
	padding-top:10px;
	margin-bottom:22px;
}
.flower .petal .stamen .title{
	float:left;
	background:url(../images/bg/homepage/homepage_bg_3.png) no-repeat 0 -183px;
	text-indent:-9999px;
	height:25px;
	width:133px;
}
.flower .petal .stamen .title b{ color:#ff5706; font-weight:normal; }
.flower .petal .stamen .more{
	float:right;
	color:#1399e7;
	font:14px/20px "宋体";
	text-decoration:underline;
}
.flower .petal .stamen .more:hover{ text-decoration:none; }
.flower .petal .prodsList ul{ padding-left:20px; }
.flower .petal li{
	width:122px;
	height:205px;
}
.flower .petal li a.img{
	width:120px;
	height:120px;
}
/*昨日排行榜*/
.flower .receptacle{
	float:right;
	width:280px;
}
.flower .receptacle .boxTop{
	height:9px;
	width:100%;
	overflow:hidden;
	background:url(../images/bg/homepage/homepage_repeat_y.png) no-repeat -4860px 0;
}
.flower .receptacle .boxBtm{
	height:9px;
	width:100%;
	overflow:hidden;
	background:url(../images/bg/homepage/homepage_repeat_y.png) no-repeat -4860px -11px;
}
.flower .receptacle .boxInner{
	background:url(../images/bg/homepage/homepage_repeat_y.png) repeat-y -5145px 0;
	padding:7px 13px 0 8px;
	_height:100%;
	overflow:hidden;
}

.flower .receptacle h2{
	background:url(../images/bg/homepage/homepage_bg_3.png) no-repeat -201px -183px;
	border-bottom:1px solid #d4d4d4;
	height:23px;
	width:100%;
	text-indent:-9999px;
}
.flower .receptacle .rankNum{
	float:left;
	margin:25px 3px 0 0;
}



.flower .receptacle li{
	border-bottom:1px dotted #e9e6e6;
	padding:13px 0;
	width:100%;
	overflow:hidden;
	float:left;
}
.flower .receptacle li.noborder{ border:0 none; }
.flower .receptacle a.img{
	float:left;
	height:60px;
	width:60px;
	border:1px solid #C9C9C9;
	margin:0 0 0 2px;
	_display:inline;
}
.flower .receptacle a.img:hover{ border-color:#2BA8FA; }
.flower .receptacle .desc{
	float:right;
	width:150px;
	
}
.flower .receptacle .title{
	display:block;
	overflow:hidden;
	white-space:nowrap;
	width:100%;
}
.flower .receptacle .title a{
	color:#0088e0;
	font:12px/19px "宋体";
}
.flower .receptacle .title a:hover{ text-decoration:underline; }
.flower .receptacle .price{
	font:12px/normal Verdana,Arial,"宋体";
	
	color:#000;
	display:block;
}
.flower .receptacle .saled{
	display:block;
	color:#404040;
	font:bold 12px/19px "宋体";
	color:#ff5500;
}


/*商品类目推荐*/
.prodsCate .prodsItem{
	float:left;
	width:407px;
	margin:0 8px 20px 27px;
	_display:inline;
}
.prodsCate .prodsItem h3{
	padding-bottom:8px;
	width:100%;
	overflow:hidden;
}
.prodsCate .prodsItem h3 span{
	float:left;
	height:20px;
	text-indent:-9999px;
	background:url(../images/bg/homepage/homepage_bg_3.png) no-repeat;
	width:145px;
}
.prodsCate .prodsItem h3 .c1{ background-position:0 -271px; }/*普通&彩色隐形眼镜*/
.prodsCate .prodsItem h3 .c2{ background-position:0 -317px; }/*眼镜架&眼镜片*/
.prodsCate .prodsItem h3 .c3{ background-position:-177px -363px; }/*太阳眼镜*/
.prodsCate .prodsItem h3 .c4{ background-position:0 -364px; }/*功能眼镜*/
.prodsCate .prodsItem h3 .c5{ background-position:-177px -270px; }/*眼护理产品*/
.prodsCate .prodsItem h3 .c6{ background-position:-177px -316px; }/*眼镜附件*/
.prodsCate .prodsItem h3 span a{ display:block; height:100%; width:100%; }
.prodsCate li{
	width:122px;
	margin-right:20px;
	height:190px;
}
.prodsCate li a.img{
	width:120px;
	height:120px;
}



/*品牌荟萃*/
.brands{
	width:526px;
	margin:0 11px 0 0;
	overflow:hidden;
}
.brands .top{
	display:block;
	height:8px;
	width:100%;
	overflow:hidden;
	background:url(../images/bg/homepage/homepage_repeat_y.png) no-repeat -3021px 0;
}
.brands .btm{
	display:block;
	height:8px;
	width:100%;
	overflow:hidden;
	background:url(../images/bg/homepage/homepage_repeat_y.png) no-repeat -3021px -12px;
}
.brands .inner{
	width:100%;
	background:url(../images/bg/homepage/homepage_repeat_y.png) repeat-y -3628px 0;
	height:201px;
	overflow:hidden;
}
.brands .title{
	width:500px;
	margin:0 auto 12px auto;
	height:20px;
}
.brands h2{
	float:left;
	height:20px;
	background:url(../images/bg/homepage/homepage_bg_3.png) no-repeat 0 -442px;
	width:85px;
	text-indent:-9999px;
}
.brands h2 a{
	color:#626262;
	display:block;
	height:100%;
	width:100%;
}
.brands h2 a:hover{ text-decoration:underline; }
.brands .allBrands{
	float:right;
	font:12px/17px Arial,'宋体';
	background:none;
	margin:3px 0 0 0;
}
.brands .allBrands a{
	text-decoration:underline;
	color:#2baaf7;
}
.brands .allBrands a:hover{ text-decoration:none; }
.brands .trigger{
	float:right;
}
.brands .trigger a{
	height:15px;
	width:15px;
	background:url(../images/bg/homepage/homepage_bg_1.png) no-repeat;
	float:left;
}
.brands .trigger .lBtn{
	background-position:-10px -552px;
	margin:0 5px 0 0;
}
.brands .trigger .lBtn:hover{ background-position:-92px -552px; }
.brands .trigger .rBtn{
	background-position:-46px -552px;
}
.brands .trigger .rBtn:hover{ background-position:-128px -552px; }
.brands .imgList{
	width:500px;
	margin:0 auto;
	overflow:hidden;
}
.brands .imgList ul{
	width:5000px;
}
.brands .imgList li{
	float:left;
	width:68px;
	margin:0 3px 0 0;
}
.brands .imgList li a{
	display:block;
	height:48px;
	width:66px;
	border:1px solid #ececec;
	margin:0 0 3px 0;
	zoom:1; 
	_display:inline;
	_margin:0;
}
.brands .imgList li img{ width:66px; overflow:hidden; height:48px; }
.brands .imgList li a:hover{ border-color:#535353;}

/*会员评论*/
.posts{
	width:361px;
	float:right;
}
.posts .top{
	display:block;
	height:8px;
	width:100%;
	overflow:hidden;
	background:url(../images/bg/homepage/homepage_repeat_y.png) no-repeat -4154px 0;
}
.posts .btm{
	display:block;
	height:8px;
	width:100%;
	overflow:hidden;
	background:url(../images/bg/homepage/homepage_repeat_y.png) no-repeat -4154px -12px;
}
.posts .inner{
	background:url(../images/bg/homepage/homepage_repeat_y.png) repeat-y -5435px 0;
	padding:0 10px;
	height:201px;
}
.posts h2{
	font:15px/20px "微软雅黑";
	height:20px;
	margin:0 0 10px 0;
	overflow:hidden;
}
.posts h2 .title{
	float:left;
	background:url(../images/bg/homepage/homepage_bg_3.png) no-repeat -133px -440px;
	text-indent:-9999px;
	width:87px;
	height:20px;
}
.posts h2 .title a{
	display:block;
	height:100%;
	width:100%;
}
.posts h2 .more{
	float:right;
	font:12px/20px '宋体';
	background:none;
	margin:2px 5px 0 0;
}
.posts h2 .more a{
	text-decoration:underline;
	color:#2baaf7;
}
.posts h2 a:hover{ text-decoration:none;}
.posts li{
	border-top:1px solid #dfdfdf;
	padding:14px 0 0 0;
	margin:0 0 8px 0;
	float:left;
	width:100%;
}
.posts .prodImg{
	float:left;
	width:62px;
	height:62px;
	_display:inline;
}
.posts .prodImg a{
	border:1px solid #d4d4d4;
	display:block;
	height:60px;
	width:60px;
}.posts .prodImg a:hover{ border-color:#2BA8FA; }
.posts .prodComm{
	float:right;
	width:260px;
	overflow:hidden;
}
.posts li .author{
	float:left;
	width:100%;
	color:#555;
	font:12px/normal Arial,"宋体";
	padding:0 0 0 17px;
	background:url(../images/bg/homepage/homepage_bg_1.png) no-repeat -876px -544px;
	margin:0 0 5px 0;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;/*for IE*/
}
.posts li .author em{
	font-style:normal;
	color:#2BA8FA;
}
.posts li .post{
	color:#000;
	font:12px/18px "宋体";
	float:left;
	width:100%;
	overflow:hidden;
	height:36px;
}
.posts li .post:hover{ text-decoration:underline; }

/*爱戴百科*/
.baikeList .blockInner{ padding:0 13px; }
.baikeList .title{ margin-bottom:6px; }
.baikeList .title h2{
	float:left;
	height:20px;
	width:72px;
	background:url(../images/bg/homepage/homepage_bg_3.png) no-repeat 0 -475px;
	text-indent:-9999px;
}
.baikeList .moreArts{
	float:right;
}
.baikeList .moreArts a{
	color: #2BAAF7;
    text-decoration: underline;
    font:12px/normal "宋体";
    margin-right:20px;
}
.baikeList .trigger{
	float:right;
}
.baikeList .trigger a{
	height:15px;
	width:15px;
	background:url(../images/bg/homepage/homepage_bg_1.png) no-repeat;
	float:left;
}
.baikeList .trigger .lBtn{
	background-position:-10px -552px;
	margin:0 5px 0 0;
}
.baikeList .trigger .lBtn:hover{ background-position:-92px -552px; }
.baikeList .trigger .rBtn{
	background-position:-46px -552px;
}
.baikeList .trigger .rBtn:hover{ background-position:-128px -552px; }
.baikeList .txtList{
	float:left;
	width:320px;
	overflow:hidden;
	border-top:1px solid #dfdfdf;
	padding-top:5px;
	*padding-top:7px;
}
.baikeList .listWrapper{
	height:106px;
	width:100%;
	overflow:hidden;
}
.baikeList .listItem{ height:106px; overflow:hidden; width:100%; }
.baikeList .txtList li{
	float:left;
	width:100%;
	white-space:nowrap;
	text-overflow:ellipsis;
	overflow:hidden;
	height:18px;
	margin-bottom:7px;
	text-indent:17px;
	background:url("../images/bg/homepage/homepage_bg_1.png") no-repeat 4px -86px;
}
.baikeList .txtList a{
	font:12px/18px Arial,"宋体";
	color:#626262;
}
.baikeList .txtList a:hover{ text-decoration:underline; }
.baikeList .tomato{
	float:left;
	width:258px;
	overflow:hidden;
	margin-left:15px;
	_display:inline;
}
.baikeList .tomato .beet{
	float:left;
	width:126px;
}
.baikeList .tomato .beet a{
	display:block;
	border:1px solid #7b7b7b;
	height:103px;
	width:124px;
}
.baikeList .tomato .carrot{
	float:right;
	width:124px;
	overflow:hidden;
}
.baikeList .tomato .carrot h3{
	font:bold 14px/18px Arial,"宋体";
	height:36px;
	overflow:hidden;
	margin-bottom:3px;
}
.baikeList .tomato .carrot h3 a{ color:#CC0064; }
.baikeList .tomato .carrot h3 a:hover{ text-decoration:underline; }
.baikeList .tomato .carrot p{
	font:12px/17px Arial,"宋体";
	color:#000;
	height:68px;
	overflow:hidden;
}
