/****************
Public
****************/


/*·ÖÒ³*/
.BtnPage { padding:10px 0; margin:20px 0 0; border:1px solid #d9d9d9;border-top:2px solid #1ba823; text-align:center; background:#fafafa}
.BtnPage ul{ clear:both; display:inline-block; #display:inline; font-size:14px; font-family:Arial, Helvetica, sans-serif; vertical-align:middle}
.BtnPage ul li{ display:inline; margin:0 3px; text-align:center; height:25px; }
.BtnPage ul li a,.BtnPage ul li a:visited{ display:inline; padding:2px 7px 1px; border:1px solid #bbb; line-height:normal; color:#111}
.BtnPage ul li a:hover{ border:1px solid #1ba823; text-decoration:none; background:#1ba823; color:#fff}
.BtnPage ul #N{padding:2px 7px 1px; border:1px solid #bbb; color:#999;}
.BtnPage ul #P{padding:2px 7px 1px; border:1px solid #1ba823; background: #1ba823; color:#fff; font-weight:bold;}
.BtnPage select{ vertical-align:middle}

.wrapper{ width:950px; margin:auto;}
a,a:visited{ color:#333; text-decoration:none}
a:hover{ color:#333; text-decoration:underline}

#header { height:60px; }
#header #logo { float:left; padding:7px 0px 0 10px; }
#header #logo1 { float:left; margin-right:20px; }
#header #logo2 { float:left; margin:5px 0 0 }
#header #headerRight { float:right; padding:12px 15px 0 0; }
#header #headerRight .txt { color:#070; line-height:18px; float:left; margin-right:20px; }
#header #headerRight .txt a,#header #headerRight .txt a:visited{ color:#070;}
#header #headerRight #search { float:left; background:url(/images/2011/search.png) no-repeat left 0; height:36px; width:300px; }
#search .txtSearch { float:left; border:none; outline:none; height:26px; width:200px; background:none; margin:5px 0 5px 10px; font-size:14px; line-height:26px; font-family:Verdana, Geneva, sans-serif; color:#666666; }
#search .btnSearch { float:right; width:93px; height:36px; border:none; background:url(/images/2011/search.png) no-repeat -313px 0; margin-right:-5px; cursor:pointer; position:relative; }
#mainnav, .mainnavl a, .mainnavl a.active strong { background:url(/images/2011/skin.png) no-repeat 0 0; }
#mainnav { height:40px; padding-left:5px; clear:both; white-space:nowrap; color:#FFFFFF }

.mainnavl{ float:left; }
.mainnavl a, .mainnavl a:visited { display:inline-block; height:40px; line-height:40px; font-size:14px; color:#FFFFFF; float:left; background-position:left -755px; margin-left:-1px; position:relative; z-index:0; cursor:pointer; }
.mainnavl a:hover { color:#e7f9d8 }
.mainnavl a strong { display:inline-block; height:40px; line-height:40px; padding:0 10px 0 15px; margin-right:5px; }
.mainnavl a.active, .mainnavl a.active:visited { background-position:right -50px; color:#007700; position:relative; z-index:1; }
.mainnavl a.active strong { background-position:left -50px;  }
.mainnavl a.none, .mainnavl a.none:visited { background:none; }

.mainnavr{ float:right; padding-right:15px; line-height:40px; font-size:12px; }
.mainnavr a, .mainnavr a:visited { color:#FFFFFF; font-weight:bold}

.crumb{ padding:0 20px 0 35px; height:30px; line-height:30px; background:url(/images/2011/navhome.png) no-repeat 14px 8px;color:#007700}
.crumb a,.crumb a:visited{ color:#007700}

.boxGrn { margin-top:20px; }
.boxGrn .bh { background:url(/images/2011/skin.png) no-repeat 0 -100px; height:40px; white-space:nowrap; padding-left:5px;}
.boxGrn .bh span { display:inline-block; float:left; background:url(/images/2011/skin.png) no-repeat left -150px; height:35px; width:20px; margin-top:-5px; position:relative; }
.boxGrn .bh em { float:right; font-style:normal; color:#070; padding:8px 15px 0 0; line-height:18px; }
.boxGrn .bh em a, .boxGrn .bh em a:visited { color:#070 }
.boxGrn .bh h2 { display:inline-block; float:left; background:url(/images/2011/skin.png) no-repeat right -150px; height:35px; padding:0 30px 0 10px; float:left; margin-top:-5px; line-height:35px; font-size:16px; position:relative; font-weight:bold; color:#fff }
.boxGrn .bh h2 a, .boxGrn .bh h2 a:visited { color:#fff }

.boxBrn .bh { background:url(/images/2011/skin.png) no-repeat right -195px; height:30px; white-space:nowrap;}
.boxBrn .bh span { display:inline-block; float:left; background:#fff url(/images/2011/skin.png) no-repeat 0 -195px; height:30px; width:5px; overflow:hidden; }
.boxBrn .bh em { float:right; font-style:normal; color:#fff; padding:6px 15px 0 0; line-height:18px; }
.boxBrn .bh em a, .boxBrn .bh em a:visited { color:#fff }
.boxBrn .bh h2 { display:inline-block; float:left; height:30px; padding:0 10px 0 10px; line-height:30px; font-size:16px; font-weight:bold; color:#fff }
.boxBrn .bh h2 a, .boxBrn .bh h2 a:visited { color:#fff }
.boxBrn .bd { background:#f3fbf4; border:1px solid #20c92a; border-top:none; }

.boxBrn2 .bh { background:url(/images/2011/skin.png) no-repeat right -235px; height:30px; white-space:nowrap;}
.boxBrn2 .bh span { display:inline-block; float:left; background:#fff url(/images/2011/skin.png) no-repeat 0 -235px; height:30px; width:5px; overflow:hidden; }
.boxBrn2 .bh em { float:right; font-style:normal; color:#333; padding:6px 15px 0 0; line-height:18px; }
.boxBrn2 .bh em a, .boxBrn2 .bh em a:visited { color:#333 }
.boxBrn2 .bh h2 { display:inline-block; float:left; height:30px; padding:0 10px 0 10px; line-height:30px; font-size:14px; font-weight:bold; color:#333 }
.boxBrn2 .bh h2 a, .boxBrn2 .bh h2 a:visited { color:#333 }
.boxBrn2 .bd { background:#fff; border:1px solid #bae5bd; border-top:none; }

.SubBox .bh{background:#d7f5d8; height:24px; padding-left:15px; line-height:24px; font-size:12px; font-weight:bold; margin-top:20px; position:relative;}
.SubBox .bh em{float:right; font-size:12px; padding:0 15px 0 0;}
.SubBox .bh h2{ font-weight:bold}
.SubBox .bd {border:1px solid #d7f5d8; border-top:none;}

.FocusL { float:left; margin-top:-40px; position:relative; width:349px; height:444px; background:url(/images/2011/skin.png) no-repeat left -305px; }
.FocusM { float:left; margin-top:-40px; position:relative; width:440px; }
.FocusR { float:right; margin-top:-40px; position:relative; width:160px; height:444px; background:url(/images/2011/skin.png) no-repeat right -305px;  }

/*ÅÅÐаñ*/
.PHBrand{}
.PHBrand em{ font-style:normal; font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#fff; background-image:url(/images/2011/IcoPh.gif); background-repeat:no-repeat; background-position:0 bottom; width:17px; height:13px; line-height:13px; text-align:center; display:inline-block; padding-right:4px; margin-right:10px; display:inline-block;}
.PHBrand .PH_1{ background-position:0 0;}
.PHBrand .PH_2{ background-position:0 -14px;}
.PHBrand .PH_3{ background-position:0 -27px;}
.PHBrand li span{ display:inline-block;}
.PHBrand li .t1{ width:120px;}

.SearchCategoryBar{ position:relative; height:40px; line-height:35px; z-index:9}

.lessSearchCategoryBar{ color:#178c19; line-height:25px; padding-top:6px;}
.lessSearchCategoryBar em{ font-weight:bold;background:url(/images/2011/skin.png) no-repeat -490px -660px; line-height:25px; height:25px; width:60px; text-align:center; display:inline-block; color:#fff}
.lessSearchCategoryBar em a,.lessSearchCategoryBar em a:visited{color:#fff}

.lessSearchCategoryBar a,.lessSearchCategoryBar a:visited{ color:#178c19}
.lessSearchCategoryBar .moreSearchBtn{ float:right; font-weight:bold; background:url(/images/2011/skin.png) no-repeat -490px -700px; padding-left:20px; color:#178c19}

.moreSearch{border:1px solid #CCC; border-bottom-width:2px; background:#f5f5f5; position:absolute; left:0; top:5px; z-index:99999; line-height:24px; padding:5px 10px; width:928px; display:none;color:#178c19}
.SearchCategory{ border-bottom:1px solid #ddd; padding:5px 0;}
.SearchCategory .bh{ float:left; font-weight:bold; width:60px; background:url(/images/2011/skin.png) no-repeat -490px -660px; text-align:center; color:#fff;}
.SearchCategory .bh a,.SearchCategory .bh a:visited{ color:#fff;}
.SearchCategory dl{ float:left;width:860px;}

.ProductCategoryList dd{ padding:0 10px; float:left;}
.SeasonList dd{ padding:0 18px 0 10px;float:left;}
.AreaList dd{ padding:0 0 0 10px; width:37px;  float:left;}

/****************
index.asp
****************/

/*½¹µãͼ*/
#LinSlideBox { position:relative; }
#LinSlideNumID{ position:absolute; z-index:99; width:325px; left:-3px; top:290px; white-space:nowrap}
#LinSlideNumID li { float:left; margin:0 0 0 3px; width:27px; padding-right:2px; height:21px; line-height:21px; color:#D00000; text-align:center; font-family:Arial, Helvetica, sans-serif; cursor:pointer; overflow:hidden; background:url(/images/2011/skin.png) no-repeat -410px -600px; _display:inline }
#LinSlideNumID li:hover, #LinSlideNumID li.active { color:#FFFFFF; font-weight:bold; background-position:-410px -630px; }

#LinSlideContentID {width:320px; height:240px; }
#LinSlideContentID li { position:relative; width:320px; }
.SlideImg{ text-align:center; }
.SlideImg img{ }
.SlideTitle { width:320px; height:40px; line-height:40px; position:absolute; font-size:14px; font-weight:bold; left:0; bottom:-40px; text-align:center; overflow:hidden;}
.SlideComt { width:320px; position:absolute; font-size:12px; left:0; top:326px; line-height:21px; color:#666; white-space:nowrap; overflow:hidden;}
.SlideComt img{ float:left; border:1px solid #ddd; margin-right:15px;}
.SlideComt p{ width:180px; float:left; white-space:nowrap; overflow:hidden;}

.TopOrder { margin-top:-9px;padding:0 20px 0 15px}
.TopOrder li{  margin:9px 0 0 0; color:#666; height:92px; border:1px solid #bae5bd; _display:inline-block; line-height:18px; background:#f7fcf7}
.TopOrder li.active{ background:#fff; }
.TopOrder li .img{ float:left; padding:5px; margin-right:15px;}
.TopOrder li .link { font-size:14px; font-weight:bold; line-height:30px;height:30px; overflow:hidden; display:inline-block; width:260px;}
.TopOrder li a.more,.TopOrder li a.more:visited{ color:#006600}


.LeftOrderList { padding-bottom:20px; margin-top:0px; position:relative; }
.LeftOrderList li{  margin:10px 0 10px 0; color:#666; height:82px; width:50%; _display:inline; line-height:19px;float:left;}
.LeftOrderList li .img{ float:left; padding:2px; border:1px solid #CCC; margin:0 10px; _display:inline}
.LeftOrderList li .link { float:left; font-size:14px; height:46px; line-height:20px; display:block; width:180px; padding-right:10px;}

.LeftOrderTextList { font-size:14px; border-top:1px solid #ddd; margin:0 10px; padding:10px 0;  }
.LeftOrderTextList li{width:50%; _display:inline; float:left;}


.NewZt li { clear:both; padding:10px; height:59px; line-height:18px; color:#666; background:url(../Detail/css/Skin_Green/dot.png) repeat-x left bottom;}
.NewZt li a{ font-size:14px;}
.NewZt li img{ float:left; border:2px solid #c9c9c9; margin-right:15px; }

/****************
list.asp
****************/
.ListOrderList li{ border-bottom:1px solid #ddd; padding:10px 0; color:#666666;}
.ListOrderList li.active{ background:#fafafa }
.ListOrderList li strong{ display:block; font-size:14px;font-weight:normal}
.ListOrderList li strong a{ font-weight:normal;}
.ListOrderList li div{ padding-top:10px; height:100px; line-height:24px;}
.ListOrderList li em{background:url(/images/2011/skin.png) no-repeat -410px -705px; display:inline-block; float:left; width:20px; height:20px; overflow:hidden;}
.ListOrderList li .img{ float:left; margin-right:20px; border:2px solid #ddd; padding:1px;;}
.ListOrderList li .link { font-size:14px; font-weight:bold; line-height:28px;}
.ListOrderList li a.more,.TopOrder li a.more:visited{ color:#006600}

/****************
detail.asp
****************/
.DetailBox{background:#ebfaec; position:relative; }

.PhotoShow{float:left; width:715px; min-height:350px; height:auto !important; height:350px; border-right:2px solid #90e495; background:#fff url(/images/2011/jiaoLine.gif) no-repeat left bottom;}
.PhotoShow h1{font-size:24px; height:50px; line-height:50px; text-align:center; font-family:'΢ÈíÑźÚ',Arial,verdana;text-shadow: rgba(50, 50, 50, .3) 1px 1px 3px; margin-bottom:10px;}
.PhotoShow .Content{border:1px solid #d7f5d8; margin:20px; padding:10px; font-size:14px; background:#ebfaec; line-height:24px;}

.PhotoView{ position:relative; min-height:350px; height:auto !important; height:350px;}
.PhotoView p{ padding:0;text-align:center; display:block;}
.PhotoView img{ vertical-align:middle; max-width:100% !important; _width:expression(this.width>650 ? "650px" : "auto"); -ms-interpolation-mode:bicubic;}
a.PhotoPrev, a.PhotoPrev:visited,a.PhotoNext,a.PhotoNext:visited{ top:0; position:absolute; z-index:99; width:50%; height:100%; display:block; outline:none; filter:alpha(opacity=20); -moz-opacity:.20; opacity:0.2;_min-height:350px; _height:auto !important; _height:350px;}
a.PhotoPrev, a.PhotoPrev:visited{ left:0; cursor:url(/images/2011/IcoLeft.cur), auto; background:url(/images/2011/LR.PNG) no-repeat left center; }
a.PhotoNext, a.PhotoNext:visited{ right:0; cursor:url(/images/2011/IcoRight.cur), auto; background:url(/images/2011/LR.PNG) no-repeat right center;}
a.PhotoPrev:hover, a.PhotoNext:hover{ filter:alpha(opacity=50); -moz-opacity:.50; opacity:0.5 }

.PhotoInfo{ float:right;font-size:14px; line-height:24px; width:200px; padding:15px;}
.PhotoInfo dl dt{ border:1px solid #bbb; padding:10px; margin-bottom:10px; text-align:center; background:#fff}
.PhotoInfo dl dt img{ vertical-align:middle}
.PhotoInfo dl dd{ width:48%; float:left; margin-left:7px;}
.PhotoInfo dl dd a, .PhotoInfo dl a:visited{ display:block; height:30px; line-height:30px; text-align:center; background:#1ba923; margin-top:5px; color:#FFF; font-weight:bold;}
.PhotoInfo p{margin:30px 0;}
.PhotoInfo p span{display: block; font-family:Arial, Helvetica, sans-serif; text-align:center; font-size:20px; padding:10px 0}

.PageIndex{ padding:5px 8px; font-family:Arial, Helvetica, sans-serif; font-size:24px; color:#CCC; z-index:100;}
.Weibo{position:absolute; right:12px; bottom:10px; z-index:101;}


/*µêÆÌÏêϸµ¯³ö¿ò*/
.DetailOpen,.DetailOpenBg,.DetailOpenBox{position:absolute; top:0; left:0; width:713px; height:100%; z-index:102;}
.DetailOpen{ display:none;}
.DetailOpenBg{ background:#2e2f2f; filter:alpha(opacity=95); -moz-opacity:.95; opacity:0.95;z-index:101;}
.DetailOpenBox h2{ color:#FFF; font-size:18px; font-weight:bold; padding:10px 10px 10px 15px; font-family:'΢ÈíÑźÚ'; border-bottom:1px solid #FFF; margin:0 5px; background:#333}
.DetailOpenBox h2 a,.DetailOpenBox h2 a:visited{ float:right;color:#FFF;}
.DetailOpenBox h2 a:hover{ color:#aaa;}
.DetailOpenBox h2 strong{ color:#20c92a}

.DetailOpenBox ul{ padding:20px 0 0;}
.DetailOpenBox ul li{ float:left; margin-left:19px; _display:inline; width:154px; height:165px; text-align:center}
.DetailOpenBox ul li a,.DetailOpenBox ul li a:visited{ color:#FFF; line-height:18px;}
.DetailOpenBox ul li a:hover{ color:#aaa;}
.DetailOpenBox ul li p{ margin-bottom:5px;}
.DetailOpenBox ul li img{ border:2px solid #FFF;}

.DetailOpenBoxBar{ text-align:center;border-top:1px solid #FFF;color:#20c92a; margin:10px 5px; padding:10px 0;}
.DetailOpenBoxBar a,.DetailOpenBoxBar a:visited{color:#20c92a; font-weight:bold}

/*¹ö¶¯Í¼*/
.BtnLe{float:left; background:url(/images/2011/le.gif) no-repeat center center; width:33px; height:116px; cursor:pointer;outline:none;}
.BtnRe{float:right; background:url(/images/2011/re.gif) no-repeat center center; width:33px; height:116px; cursor:pointer;outline:none;}
.ZSnavbar { position:absolute; right:10px; top:5px; zoom:1; }
.ZSnavbar ul{ float:left;}
.ZSnavbar li { background:url(http://zs.ef360.com/images/2011/skin.png) no-repeat -270px -574px; width:10px; height:10px; margin:3px 4px 0; cursor:pointer; float:left; _display:inline; }
.ZSnavbar li.active { background:url(http://zs.ef360.com/images/2011/skin.png) no-repeat -270px -548px }
#ZSprev { background:url(http://zs.ef360.com/images/2011/skin.png) no-repeat -270px -524px; margin-right:5px; width:20px; height:15px; cursor:pointer; float:left; display:inline-block; _display:inline; margin-top:0px;  }
#ZSnext { background:url(http://zs.ef360.com/images/2011/skin.png) no-repeat -270px -595px; margin-left:5px; width:20px; height:15px; cursor:pointer; float:left; display:inline-block; _display:inline; margin-top:0px;  }

.ShopImgDetail_100_82 { }
.ShopImgDetail_100_82 li { float:left; height:120px; _display:inline; overflow:hidden; }
.ShopImgDetail_100_82 li div{border:1px solid #e0e0e0; padding:2px; margin:0 5px; width:110px; height:110px; overflow:hidden; text-align:center; background:#fff url(/images/2011/daoying1.png) repeat-x left 93px; z-index:88; }
.ShopImgDetail_100_82 li em{ display:block; overflow:hidden; margin:-48px 0 0 9px; padding:2px; width:30px; height:12px; overflow:hidden; line-height:12px; font-family:'ËÎÌå'; font-style:normal; font-size:12px; color:#fff; text-align:center; filter:alpha(opacity=65); -moz-opacity:.65; opacity:0.65; background:#2e2f2f; z-index:99; }
.ShopImgDetail_100_82 li span{ display:block; border-top:1px solid #e0e0e0; padding:3px 10px; margin-top:2px; text-align:center; font-size:12px; }
.ShopImgDetail_100_82 li.active div{border:2px solid #1ba823; padding:1px;}


/****************
News/list.asp
****************/
.NewsOrderList{font-size:14px;}
.NewsOrderList li { clear:both; height:24px;}
.NewsOrderList li.fenge { margin-top:10px; padding-top:10px; border-top:1px solid #ddd;}
.NewsOrderList li em{ background:url(/images/2011/skin.png) no-repeat -410px -705px; display:inline-block; float:left; width:20px; height:20px; overflow:hidden;}
.NewsOrderList li a{ float:left;}
.NewsOrderList li span{ float:right; color:#555}

/****************
shopnet/detail.asp
****************/
.ShopnetDetail { font-size:14px; line-height:24px; margin-top:20px;}
.ShopnetDetail p{ line-height:32px;}

.ShopnetDetailLogo{ width:124px; height:170px; float:left;border-right:1px solid #CCC; margin-right:20px; padding-right:20px;}
.ShopnetDetailLogo dt{ border:1px solid #ddd; padding:1px; margin-top:4px;}
.ShopnetDetailLogo dd a, .ShopnetDetailLogo dd a:visited{ display:block; height:27px; line-height:27px; text-align:center; background:#1ba923; margin-top:5px; color:#FFF; font-weight:bold;}

a.Map,a.Map:visited{background:url(/images/2011/skin.png) no-repeat -490px -600px; width:85px; height:25px; display:inline-block; padding-left:25px; color:#1646d1}

.ShopNetDetailList li{float:left; width:50%; color:#555; _display:inline;}
.MediaLogo { padding:5px 2px;}
.MediaLogo li{ float:left; width:120px; margin:5px; border:1px solid #CCC; text-align:center; _display:inline;}