﻿body{background-color:#E8E9EE;}
.designerPreviewAchor{width:120px; height:106px; position:fixed; _position:absolute; left:3000px; top:200px; z-index:100;}

.caseListStarInfo .recordNumb span, .caseListStarInfo .recordNumb label, .caseListStarInfo .recordNumb em,
.naviCategoryBdBtm, .caker, .moreCase, .btnViewFlow #filterGroupList, .tabBdBtm, .currentNaviChannel{background:url(../../images/list/icons.gif) no-repeat left top;}

.starCaseHiddenBtn, .tagsShowOrHidden a{background:url(../../images/list/listBtns.png) no-repeat left top;}

/*=频道hover菜单效果
----------------------------------------------------------------------------------------------------------------------------*/
#navMenu {
	width:100%;
	height: 34px;
	line-height: 34px;
	display:block;
	background-repeat:repeat-x;
	background-position: left top;
}
.mainMenu a{height:34px; line-height: 34px; float:left;}
.mainMenu li.parent{position:absolute; z-index:10;}
.mainMenu .channelName{width:100px;text-align:center;}
.mainMenu li.chhover{
	background-color:red;
}
.mainMenu li ul div{float:left;}
.mainMenu li ul div.left{width:110px;color:#DD4B39;}
.mainMenu li ul div.right{width:360px;color:#333;}
.mainMenu li ul div.left a,
.mainMenu li ul div.left a:hover{margin-left:23px;color:red;font-size:13px;font-weight:bold;}
.mainMenu li ul div.right a{margin-left:9px;color:#333;font-size:13px;display:inline-block;word-break:break-all}
.mainMenu li ul div.right a:hover{color:red;font-size:13px;}
.mainMenu li ul {
	margin-top: 30px;
	padding:4px;
	z-index: 5; 
	margin-left: 0px; 
	width: 159px; 
	position: absolute; 
	border:3px solid #DD4B39;
	background-color:#fff; 
	position: absolute;
	left:100px;
	top:-3px;
	z-index:777;
}
.topNaviInfo .topNaviChannel .mainMenu a{margin-right:0!important;}
.topNaviInfo .topNaviChannel .mainMenu .right a{float:none;}
.topNaviInfo .topNaviChannel .mainMenu a .new{right:0;}
.topNaviInfo .topNaviChannel .mainMenu a{padding:0}


.channelTab{height:38px; width:100%; min-width:1000px;}
	.channelTabBd{position:relative; display:none; z-index:0; height:37px; border-bottom:1px solid #fff; background:url(../../images/list/channelTabBg.png) repeat-x left top;}
	.channelTabBlock{width:1000px; margin:0 auto;}
		.channelTabBlock .cTab{float:left; position:relative; z-index:100; font-family:"微软雅黑"; width:105px; height:37px; line-height:36px; text-align:center;}
		.channelTabBlock .cTab_hv{background-color:#3a2a19; color:#fff;}
		.channelTabBlock .selected{float:left; position:relative; z-index:100; background-color:#3a2a19; font-family:"微软雅黑"; width:105px; height:37px; line-height:36px; text-align:center;}
			.channelTabBlock .cTab .tabBdBtm{display:none;}
			.channelTabBlock .cTab a{font-size:16px; color:#f0f0f0;}
			.channelTabBlock .selected a{color:#fff; font-size:18px;}
			.channelTabBlock .selected .tabBdBtm{display:block; position:absolute; background-position:0 -192px; z-index:105; left:50px; bottom:-4px; height:4px; width:7px;}
.channelBlockBdBtm{display:block;}
.footer{background-color:#E8E9EE; padding-top:22px;}

.topNaviInfo .topNaviChannel .otherChannelNavigation a{width: 90px;z-index: 1;font-size: 12px;padding:5px 0 5px 10px;margin:0;}
.topNaviInfo .topNaviChannel .otherChannelNavigation a:hover{background-color:#da6f48;font-weight:bold;}

.wrapper{}
	.content a:hover, .content a:focus{color:#444a55; text-decoration:underline;}

	.content a.oHr, .content a.oHr:visited, .content a.oHr:link, .content a.oHr:active{color:#6e7788; text-decoration:none;}
	.content a.oHr:hover, .content a.oHr:focus{color:#ee8c6e; text-decoration:underline;}
	
	#infscr-loading { background: none repeat scroll 0 0 #000000; border-radius: 10px 10px 10px 10px;bottom: 40px; color: #FFFFFF; left: 45%; opacity: 0.8; padding: 10px; position: fixed; text-align: center; width: 200px; z-index: 100;}

	#caseListMsnry{}
	#caseListMsnry, #storeList, #starList{min-height:1000px;}
		.msnryBox{float:left; width:240px; margin:5px; -moz-box-shadow:2px 2px 2px #ccc; -webkit-box-shadow:2px 2px 2px #ccc; box-shadow:2px 2px 2px #ccc;}
			.caseCover{background-color:#fff; border-bottom:1px solid #e6e9ec; padding:6px; width:228px; overflow:hidden;}
				.coverImg{position:relative; display:block; width:228px; max-height:450px; overflow:hidden;}
				.coverImg:hover{background-color:transparent; opacity:0.8; filter: alpha(opacity = 80);}
					.coverImg div{display:none; position:absolute; bottom:0; left:0; width:218px; color:#d5d5d5; padding:7px 5px; background-color:#333; filter:alpha(opacity=90); background-color:rgba(0, 0, 0, 0.9);}
					.coverImg:hover div{display:block;}
				.caseTitle{width:228px; overflow:hidden;}
			.caseListStarInfo{background-color:#F2F3F4; padding:8px 0 10px 9px;}
				.caseListStarInfo .starLogo, .caseListStarInfo .storeLogo{float:left; width:37px; height:37px; overflow:hidden; margin:0 10px 0 0;}
				.caseListStarInfo .starLogo:hover{background-color:transparent;}
				.caseListStarInfo .lt{width:178px;}
				.caseListStarInfo .lt a{color:#444a55;}
				.caseListStarInfo .recordNumb{margin-top:5px;}
					.caseListStarInfo .recordNumb span{background-position:-5px -489px; padding-left:18px;}
					.caseListStarInfo .recordNumb label{background-position:-6px -508px; padding-left:18px;}
					.caseListStarInfo .recordNumb em{font-weight:normal; background-position:-6px -528px; padding-left:18px;}

		.filterCaseBlogBlock{margin:20px 0; width:260px;}
			.filterCaseBlogBlock a{float:left; background-color:#fff; height:23px; line-height:22px; padding:0 6px; border:1px solid #d5d5d5; border-top:none;}
			.content .filterCaseBlogBlock .selected, .content .filterCaseBlogBlock .selected:hover{background-color:#dd4b39; color:#fff; border-color:#dd4b39;}
			.content .filterCaseBlogBlock .selected:focus{text-decoration:none;}
			.content .filterCaseBlogBlock .selected:hover{text-decoration:underline;}
			.filterCaseBlogBlock .rt{float:right;}
		.caseFilter, .noneCase{-moz-box-shadow:none; -webkit-box-shadow:none; box-shadow:none;}
			.caseFilterBlock{border-top:4px solid #dd4b39; background-color:#fff;}
				.groupMarked{float:left; position:relative; z-index:0; width:8px; min-height:50px; margin:0 6px 0 4px;}
					.groupMarked .grayline{position:absolute; min-height:50px; left:3px; top:0; z-index:1; width:2px; background-color:#f1ebea;}
					.groupMarked .grayBlock{position:absolute; left:0; top:12px; z-index:2; width:8px; height:19px; background-color:#f1ebea;}
					.groupMarked .redBlock{background-color:#dd4b39;}
				.naviLeftCateg{float:left; width:222px; _width:218px; overflow:hidden; margin:12px 0 3px;}
					.naviLeftCateg h4{color:#40301f; font-size:14px; line-height:20px; margin-bottom:5px;}
					.naviLeftCategCon{*padding-bottom:5px;}
						.content a.circleSignal, .content a.circleSignal:focus, .content a.circleSignal:link,
						.content a.circleSignal:active, .content a.circleSignal:visited, .content a.circleSignal:hover,
						.content a.circleSignalSelected{float:left; white-space:nowrap; margin:0 6px 9px 0; height:23px; line-height:21px; *line-height:25px; padding:0 5px;}
						.content a.circleSignalSelected:hover,
						.content a.circleSignalSelected:focus, .content a.circleSignalSelected:link,
						.content a.circleSignalSelected:active, .content a.circleSignalSelected:visited{color:#fff; background-color:#dd4b39; -moz-border-radius:2px; -webkit-border-radius:2px; border-radius:2px;}
		.noneCase{margin:0; width:840px; background-color:#fff; padding-left:160px;}
			#nonMsnryBox{position:relative; width:714px; height:226px; overflow:hidden;}
				#nonMsnryBox .txtSug{position:absolute; top:105px; left:295px; font-size:14px; font-weight:bold; color:#6f6e6e;}
		#casePageInfo{padding:33px 0 36px 0; text-align:center;}
			#casePageInfo .cur, #casePageInfo a{display:inline-block; margin-right:6px; padding:0 10px; height:35px; font-size:16px; line-height:34px; text-align:center; -moz-box-shadow:2px 3px 2px #ccc; -webkit-box-shadow:2px 2px 2px #ccc; box-shadow:2px 2px 2px #ccc;}
			#casePageInfo a{color:#484747; background-color:#fff;}
			#casePageInfo a:hover{text-decoration:none;}
			#casePageInfo .pageBtn{font-weight:bold; font-size:14px;}
			#casePageInfo .cur{color:#fff; background-color:#dd4b39; font-weight:bold;}
		#loadingMasonry{height:16px; line-height:16px; padding:33px 0 36px 0; text-align:center;}
			#loadingMasonry i{display:inline-block; vertical-align:middle; margin-right:8px; background:url(../../images/comm/loading32x32.gif) no-repeat left top; width:32px; height:32px;}

		.ui-grid-type{height:32px;width:100%;margin-top:10px;line-height:32px;color:#ccc;text-align:right;}
		.ui-grid-type a{color:#737E90;}
		.ui-grid-type .select{color:#444a55;font-weight:bold;}
		
		.rankList .starLi{position:relative; margin-bottom:20px;width:1000px;background-color:#fff; -moz-box-shadow:2px 2px 2px #ccc; -webkit-box-shadow:2px 2px 2px #ccc; box-shadow:2px 2px 2px #ccc;behavior:url(/static/pie/PIE.htc);}
			.starLi .starCaseShowBtn{position:absolute; left:440px; top:126px; _top:130px; color:#40301f; width:123px; height:28px;background:#f8f8f8;-moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px;-moz-box-shadow:0px 1px 1px #88888b; -webkit-box-shadow:0px 1px 1px #88888b; box-shadow:0px 1px 1px #88888b;behavior:url(/static/pie/PIE.htc);}
			.starLi .starCaseShowBtn_hv{background-position:-135px -34px; color:#fff;}
			
			.starLi .starCaseHiddenBtn{position:absolute; left:440px; top:126px; _top:130px; color:#fff; width:123px; height:28px;background:#dd6644;-moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px;-moz-box-shadow:0px 1px 1px #88888b; -webkit-box-shadow:0px 1px 1px #88888b; box-shadow:0px 1px 1px #88888b;behavior:url(/static/pie/PIE.htc);}
				.starCaseShowBtn span{float:left;display:inline-block; text-align:right; margin:5px 0 0 20px; color:#737e90;}
				.starCaseHiddenBtn span{float:left;display:inline-block; text-align:right; margin:5px 0 0 20px; color:#fff;}
				.starCaseShowBtn .ui-icon-down{display:inline;background:#fff;float:right;margin-right:9px;width:0px;height:0px;margin-top:12px;border-top:5px solid  #737e90;border-left:5px solid #f8f8f8;border-right:5px solid #f8f8f8;}
				.starCaseHiddenBtn .ui-icon-down{display:inline;background:#fff;float:right;margin-right:9px;width:0px;height:0px;margin-top:12px;border-top:5px solid  #fff;border-left:5px solid #dd6644;border-right:5px solid #dd6644;}
				
			.starLi .starLiBlock{}
				.starLiBlock .starAvatar{float:left; margin:12px 10px 11px 12px;display:inline;}
					.starAvatar .avatarImg{margin-left:10px; width:120px; height:120px; display:block;}
					.starAvatar .avatarImg:hover, .starAvatar .avatarImg:focus{background-color:transparent;}
				.starLiBlock .starInfo{float:left; width:620px; padding:12px 40px 0 0;display:inline;}
					.starName .starNamePerson{font-size:16px; font-weight:bold;color:#444a55;}
					.starName .starNamePerson:hover{color:#ee8c6e;}
					.starInfo .oHr{color:#dd6644;}
					.starInfo p.txtSug{width:620px; height:36px; margin:4px 0; overflow:hidden;}
				.starLiBlock .starRank{float:left; width:187px; padding:50px 0 34px 0px; border-left:1px solid #f1ebe9;display:inline;}
					.starLiBlock .starRank .txtSug{text-align:center; margin-bottom:16px;}
					.gotoStarBrowser{display:block; margin:0 auto; text-align:center;color:#fff; width:116px;line-height:25px;height:25px;background-color:#d66b4a; border-radius:4px;behavior:url(/static/pie/PIE.htc);}
					.gotoStarBrowser:hover{}
			.starLi .starCaseBlock{display:none; _position:relative; zoom:1; border-top:1px solid #d9d9d9; width:972px; height:177px; overflow:hidden; padding:0 15px 12px 13px;}
				.moreCase{float:right; background-position:27px -4px; padding:0 15px 1px 0;color:#444a55;}
				.moreCase:hover{background-position:27px -21px;color:#ee8c6e;}
				.newestCase{width:972px; overflow:hidden;}
					.newestCase ul{width:992px;}
						.newestCase li{float:left; width:228px; margin-right:20px;}
							.newestCase .imgPosition{display:block; position:relative; zoom:1; width:228px; height:140px;}
							.newestCase .imgPosition:hover{opacity:0.8; filter: alpha(opacity = 80);}
								.newestCase .imgPosition div{display:none; position:absolute; bottom:0; left:0; width:218px; color:#d5d5d5; padding:7px 5px; background-color:#333; filter:alpha(opacity=90); background-color:rgba(0, 0, 0, 0.9);}
								.newestCase .imgPosition:hover div{display:block;}
							.newestCase .starCaseTitle{width:228px; height:18px; overflow:hidden;}
				.starCaseLoading{height:16px; line-height:16px; padding:95px 0 36px; text-align:center;}
					.starCaseLoading i{display:inline-block; vertical-align:middle; margin-right:8px; background:url(../../images/comm/loading16x16.gif) no-repeat left top; width:16px; height:16px;}
				.starPage{float:right; padding:10px 0 20px;}
					.starPage a{background-color:#fff;}
			#noneStore, #noneStar{margin:30px 0; width:100%;background-color:#fff;}
				#nonStarBox, #nonStoreBox{height:226px; overflow:hidden;}
				#nonStarBox{}
				#noneStore .txtSug, #noneStar .txtSug{font-size:14px; font-weight:bold; color:#6f6e6e; text-align:center;margin-top:50px;}

		.storeFilter{margin:20px 0 15px; width:1000px;}
			#filterGroupList, #filterCategList{background-color:#fff; width:1000px;}
			.storeFilter li{float:left; width:94px; height:40px; border-bottom:none; border-left:1px solid transparent; border-right:1px solid transparent; font-size:14px;}
			.storeFilter li.naviActive, .storeFilter li.naviActive_hv{font-weight:bold; background-color:#fff; border-bottom:1px solid #fff; border-left-color:#d5d5d5; border-right-color:#d5d5d5;}
				.storeFilter li p{text-align:center; border-top:4px solid #fff; height:40px; line-height:36px;}
				.storeFilter li.naviActive p, .storeFilter li.naviActive_hv p{border-top-color:#dd4b39;}
			.filterCategBlock{margin-bottom:10px; border-bottom:1px solid #d5d5d5;}
				.filterCategBlock dl{font-size:14px; height:32px; display:none; margin-top:-1px; padding:8px 0 0 13px; border-top:1px solid #d5d5d5;}
					.filterCategBlock dd.lt{height:32px;}
					.content .storeFilter a.circleSignal, .content .storeFilter a.circleSignalSelected{margin:0 10px 5px 0;}
				.carAttrFilter{width:970px; background-color:#fcf7f7; border:1px solid #e8e8e8; margin:6px 0 0 14px;}
					.carAttrFilter label{display:block; margin:0 0 5px 5px;}
					.content .carAttrFilter a.circleSignal, .content .carAttrFilter a.circleSignalSelected{margin:0 10px 5px 0;}
			.filterLabelBlock{position:relative; padding:15px 10px 5px; background-color:#fff;}
				.filterLabelBlock dl{margin-bottom:8px;}
					.filterLabelBlock dt{float:left; width:50px; height:23px; line-height:21px; *line-height:25px; margin-right:10px; text-align:right; color:#777;}
					.filterLabelBlock dd{float:left; width:900px;}
					.filterLabelBlock dd.subLabels{display:none; padding:5px 10px 0 6px; margin-left:53px; border:1px solid #e8e8e8; background-color:#fcf7f7;}
				.tagsShowOrHidden{position:absolute; display:none; left:460px; bottom:-18px; overflow:hidden;}
					.tagsShowOrHidden a{float:left; width:81px; height:18px;}
					.tagsShowOrHidden .showAllTags{background-position:0 -67px;}
					.tagsShowOrHidden .showAllTags:hover{background-position:-86px -67px;}
					.tagsShowOrHidden .hideMoreTags{display:none; background-position:-172px -67px;}
					.tagsShowOrHidden .hideMoreTags:hover{background-position:-258px -67px;}
			.btnViewFlow{position:fixed; _position:absolute; top:0; z-index:10009; margin-top:0;}
				.btnViewFlow #filterGroupList{background-position:0 -103px; background-repeat:repeat-x; height:41px;}
				.btnViewFlow #filterCategList{background-color:rgba(255,255,255,0.9);}
				.btnViewFlow .filterCategBlock{margin-bottom:0;}
				.btnViewFlow .filterLabelBlock{width:980px; margin-top:-1px; border-top:1px solid #d5d5d5;}
			.rankList .rankLi{background-color:#fff; margin-bottom:15px; -moz-box-shadow:2px 2px 2px #ccc; -webkit-box-shadow:2px 2px 2px #ccc; box-shadow:2px 2px 2px #ccc;behavior:url(/static/pie/PIE.htc);}
				.storeInfo{}
					.storeLogo{position:relative; float:left; width:120px; height:120px; margin:17px 17px 10px 9px;}
					.gloryShow{display:none;}
						.gloryShowCn{position:absolute; top:0; left:127px; background-color:#fff8f7; border:1px solid #f0beae; padding:0 6px;}
							.gloryShowCn li{width:200px; color:#6e6e6e; padding:10px 0 6px 5px;}
							.gloryShowCn li.last{border-top:1px solid #f2dcd5; padding:0;}
								.gloryShowCn .honorBlock{border-top:1px solid #fff; padding:10px 0 6px 5px;}
								.gloryShowCn li h4{font-size:14px; line-height:20px; margin-bottom:5px;}
								.gloryShowCn li p{margin-bottom:6px;}
								.gloryShowCn li em{color:#333;}
					.storeInfoCn{float:left; margin:17px 40px 14px 0; width:610px;display:inline;}
						.storeNameBlock{margin-bottom:5px;}
							.storeNameBlock a{float:left; font-size:14px; margin-right:3px; font-weight:bold;color:#444a55;}
							.storeNameBlock a:hover{;color:#ee8c6e;}
							.storeGrade{float:left; margin:1px 8px 0 0; width:35px; height:17px; background:url(../../images/comm/promIcons.png) no-repeat left top;}
							.gradeLARGE{background-position:-29px -141px;}
							.gradeMEDIUM{background-position:-85px -141px;}
							.gradeSMALL{background-position:-147px -141px;}
							.gradeFREE{background-position:0 0;}
							.storeCake{float:left;}
								.caker{float:left; margin:2px 3px 0 0; background-position:0 -50px; width:18px; height:16px;}
						.storeInfoCn .txtSug{width:610px; height:36px; margin-bottom:36px; overflow:hidden;}
						.promBlock{width:610px;}
						.promIcons{width:620px;}
							.promIcons .promHref{float:left; width:300px; margin-right:10px;}
							.promIcons .promHref_hv{position:relative; z-index:10;}
								.promTitle{margin-bottom:5px;}
									.promAchorB{float:left; width:276px;}
									.achorProjWid{width:238px;}
										.promAchorB a{line-height:14px;color:#444a55;}
								.promIcons span{float:left; background:url(../../images/comm/promIcons.png) no-repeat left top; margin-right:6px; width:17px; height:16px;  overflow:hidden;}
								.promIcons .promTUAN{background-position:-28px -203px;}
								.promIcons .promQIANG{background-position:-62px -203px;}
								.promIcons .promCOUPON{background-position:-99px -203px;}
								.promIcons .promPIN{background-position:-140px -203px;}
								.promIcons .promBASIC{background-position:-261px -203px;}
								.promIcons .promPROJECT{background-position:-183px -203px; width:55px;}
								.promImgBlock{width:222px; overflow:hidden; display:none;}
								.promHref_hv .promImgBlock{display:block; position:absolute; z-index:100; left:290px; top:-90px;}
									.promImg{width:210px; height:140px; padding:4px 5px 1px; background-color:#fff8f7; border:1px solid #f0beae; border-bottom:none;}
										.promImg a{display:block; width:210px; height:140px; overflow:hidden;}
									.promInfo{height:42px; width:222px; background-color:#dc7d5f;}
										.promInfo a{display:inline;float:right;height:30px;width:81px;text-indent:-9999px;margin:8px 8px 0 0;overflow:hidden;background:url(../../images/promotion/promotionSprite.png) no-repeat 0 -64px;}
										.promInfo a:hover{background-position:-161px -64px; background-color:transparent;}
										.promInfo span{color:#fff;margin-left:8px;}
										.promInfo .promPrice, .promInfo .oriPrice{display:inline; float:left; width:105px;}
										.promInfo .promPrice{font-weight:bold; margin-left:8px; margin-top:4px;}
										.promInfo .oriPrice{margin-left:9px;}
					.rankBlock{display:inline;float:left; padding:44px 0 28px 0; border-left:1px solid #f1ebe9;width:203px;_width:193px;}
						.rankBlock p{margin-bottom:4px; color:#777;text-align:center;}
						.gotoStoreBrowser{display:block;margin:0 auto; text-align:center;color:#fff; width:116px;line-height:25px;height:25px;background-color:#d66b4a; border-radius:4px;behavior:url(/static/pie/PIE.htc);}
						.gotoStoreBrowser:hover{}

			.rankList .page{float:right; margin-bottom:0;}
				.rankList .page a{color:#d13f32; background-color:#f8e4e5; padding-top:3px;}
				.content a.pageBtn, .content a.pageBtn:hover{background-color:transparent;}