﻿* { margin:0; padding:0;}
a { text-decoration:none; color:Black;}
a:hover{ text-decoration:underline; color:#EF699C;}
a img { border:none;}

.main_banner { margin:-5px 0 7px 0; width:950px; height:80px; background:url(images/intro_bg.jpg) no-repeat; overflow:hidden;}
    .main_banner h1 { float:left; width:210px; height:80px; line-height:90px; font-size:18px; font-weight:normal; color:#d30050; text-align:center; overflow:hidden;}
    .main_banner p { float:left; padding:10px; width:720px; height:60px; line-height:20px; font-size:13px; color:#555; text-indent:2em; overflow:hidden;}

.main_left { float:left; margin-bottom:8px; width:211px;}

	.main_left .head_title { float:left; padding-left:28px; width:182px; height:30px; line-height:30px; font-size:13px; font-weight:bold; color:#5A595A; background:url(images/pagePro.gif) 0 0 no-repeat;}
	.main_left .top10_cont { float:left; width:208px; border-left:solid 1px #DEDFDE; border-right:solid 1px #DEDFDE; background:url(images/pagePro.gif) 0 23px no-repeat;}
		.top10_cont li { float:left; padding:0 8px 0 33px; width:167px; height:25px; font-size:13px; line-height:25px; overflow:hidden;}
		.top10_cont li a { color:#5A5952;}
        .top10_cont .top1 { margin-bottom:7px; padding:18px 8px 0 12px; width:188px; height:62px; background:white; overflow:hidden;}
            .top10_cont .top1 img { float:left; margin-right:5px;}
            .top10_cont .top1 a { float:right; width:103px; height:36px; line-height:18px; overflow:hidden;}
            .top10_cont .top1 p { float:right; width:103px; height:18px; line-height:18px; color:#F76921;}
		
		.top10_cont li a:hover { color:#EA1166;}
    .main_left .left_bot { float:left; margin-bottom:8px; width:210px; height:10px; background:url(images/pagePro.gif) 0 -290px no-repeat; overflow:hidden;}
    
	.main_right { float:right; width:730px;}
	    .filter { float:right; width:730px; height:auto;}
	    .filter_top { width:728px; height:auto !important;}
	        .filter_head { padding:1px 0 0 20px; width:710px; height:29px; font-weight:bold; color:#444; border-bottom:1px solid #DBDBDB; background:url(images/pagePro.gif) -220px 0 no-repeat; overflow:hidden;}
	            .filter_head span { float:left;line-height:30px;  font-size:14px;}
	            .filter_head a { float:left; margin:3px 5px 0 0; padding:5px 0 0 20px; width:67px; height:18px; line-height:15px; color:#EA4385; text-align:center; font-weight:bold; font-size:13px; background:url(images/common.gif) -759px -297px no-repeat;}
	            .filter_head a:hover { color:#C11659; background-position:-759px -337px; text-decoration:none;}
			
			.filter_items { float:left; padding-top:7px; width:728px; border-left:1px solid #DEDFE7; border-right:1px solid #DEDFE7; background:url(images/filter_bg.jpg) 0 -120px no-repeat; overflow:hidden;}
                dl#sliderSpeItems { clear:both; width:728px; font:12px Verdana,Arial;}
                dl#sliderSpeItems dt { margin:0 auto; width:708px; height:30px; line-height:30px; background:url(images/filter_more_bg.gif) 0 0 no-repeat;}
                    #sliderMore { float:right; margin-right:15px; width:110px; height:30px; font-weight:bold; cursor:pointer; color:#C11659; text-indent:2.5em;}
                dl#sliderSpeItems dd { margin:0 auto; width:728px; display:block; visibility:visible; overflow:hidden;}
			.items_select { float:left; margin:0 10px; padding:5px 0; width:708px; height:auto; line-height:24px; font-size:13px; background:url(images/filter_more_bg.gif) 0 -70px no-repeat;}
            .pro { margin:0 10px; padding-bottom:0; background:none;}
            .se { border-bottom:1px solid #FFDFEF;}
            .ob { border-bottom:1px solid #CEE7F7;}
            .si { background-position:0 bottom;}
			    .items_select span { float:left; text-align:center; padding:1px 1px; font-weight:bold; height:auto; line-height:50px; width:80px; font-size:14px; font-weight:bold;}
                .pro span { padding-bottom:5px; line-height:25px; color:#FB6604;}
                .se span { color:#F06EA1;}
                .ob span { color:#1096D0;}
                .si span { color:#569724;}
		            .pro p a:hover { text-decoration:none; font-weight:bold; color:White; background:url(images/common.gif) -759px -232px;}
		            .se p a:hover { text-decoration:none; font-weight:bold; color:White; background:url(images/common.gif) -759px -265px;}
		            .ob p a:hover { text-decoration:none; font-weight:bold; color:White; background:url(images/common.gif) -848px -232px;}
		            .si p a:hover { text-decoration:none; font-weight:bold; color:White; background:url(images/common.gif) -848px -265px;}
			    .items_select a { float:left; margin:1px; text-align:center; width:74px; height:23px; text-align:center;}
			    .items_select .s_on { font-weight:bold; color:White; background:url(images/common.gif) -759px -232px no-repeat;}
	            .taxis { float:left; padding-top:7px; width:728px; height:26px; font-size:13px; color:#C63808; border-bottom:1px solid #D3D3D3;}
			            .taxis_title { float:left; width:90px; height:26px; line-height:26px; text-align:right;}
			            .taxis_left, .taxis_center, .taxis_right { float:left; width:110px; padding-top:2px;}
			            .taxis_right { width:230px;}
			                .taxis a { margin-right:5px;}
			
			/*  修正列表显示，过长的产品标题转行时，第二行标题显示不完全的问题  */
                        /*  li.liA,p.proTitle 高度增加 10px ，产品图片按比例增高 10px （ 在标签“商品筛选列表_列表式”中更改 ）  */
			/*  产品图片 margin-right 按需要从 25px 缩小到 12px  */
			/*  家贤 2011.1.13  */

		.filter_cont { float:left; width:728px; border-left:solid 1px #DEDFE7; border-right:solid 1px #DEDFE7; font-size:13px;}
			.filter_cont ul { padding:33px 24px 0 24px; width:680px; height:auto; list-style-type:none;}
			    .liA { margin:0 auto 40px auto; width:675px; height:140px; position:relative; overflow:hidden;}
			        .liA img { float:left; margin-right:12px; border:5px solid #F7F7FF;}
			        .liA .proTitle { float:left; width:480px; height:34px; font-size:15px; font-weight:bold; overflow:hidden;}
			            .proTitle a { color:#0063DC;}
			            .proTitle a:hover { color:#EA1166;}
	    			    .proTitle span { color:#C11659; font-weight:normal;}
			        .liA .proIntro { float:left; width:480px; height:40px; line-height:20px; color:#737173; overflow:hidden;}
			        .liA .proSense { float:left; width:480px; height:20px; line-height:20px; color:#F771A5; overflow:hidden;}
			        .liA .proObject { float:left; width:480px; height:20px; line-height:20px; color:#109ED6; overflow:hidden;}
			        .liA .proPrice { float:left; padding-left:10px; width:260px; height:26px; line-height:26px; color:#6B696B; background:url(images/pagePro.gif) -220px -264px no-repeat; overflow:hidden;}
		                .liA .proPrice .OLOldPrice { margin-right:20px; text-decoration:line-through; color:#666;}
                    .liA .proBuy { float:left; width:210px; height:26px; background:url(images/pagePro.gif) -490px -264px no-repeat; overflow:hidden;}
                        .proBuy a { float:left; margin:4px 0 0 5px; padding-left:26px; width:32px; height:19px; line-height:21px; color:#52494A;}
                        .proBuy a:hover { text-decoration:none;}
                        .proBuy .a1 { background:url(images/pagePro.gif) -414px -225px no-repeat;}
                        .proBuy .a2 { background:url(images/pagePro.gif) -477px -225px no-repeat;}
                        .proBuy .a3 { background:url(images/pagePro.gif) -540px -225px no-repeat;}
                .filter_cont .page { float:left; margin:8px 0 0 24px; padding:0; width:680px; text-align:center;}
                    .page a { float:left; margin: 0 3px; padding:2px 8px; border:#D6CFD6 1px solid; color: #73696B; text-decoration:none; background:#F7F7F7;}
                    .page a:hover { border:#F771A5 1px solid; color: #F771A5;}
                    .page em { float:left; margin: 0 3px; padding:2px 8px; border:#C6C7C6 1px solid; color: #fff; background:#F771A5; font-style:normal; font-weight:bold;}
                    .page span { float:left; margin: 0px 3px; padding:2px 5px; border: #D6CFD6 1px solid; color: #73696B; text-decoration:none; background:#F7F7F7;}


        .filter .bot { float:left; width:730px; height:10px; background:url(images/pagePro.gif) -220px -61px no-repeat;}

				.liB { float:left; padding:0 13px 70px 13px; width:200px; height:230px; position:relative;}
				.liB .image { margin:0 18px; padding:1px; border:1px solid #cee7f7; height:120px; text-align:center;}
				.liB .title { margin:6px auto; width:200px; height:40px; line-height:20px; text-align:center; overflow:hidden;}
    				.liB .title a { color:#0063DC; text-align:center;}
	    			.liB .title a:hover { color:#EA1166;}
	    			.liB .title span { color:#C11659; font-weight:normal;}
		        .liB div { display:block; line-height:22px; text-align:center; letter-spacing:1px;}
		            .liB .OLOldPrice { text-decoration:line-through; color:#666;}
				.liB .order { height:23px; padding:5px 0 0 20px; text-align:center; overflow:hidden;}
                    .order a { float:left; margin:4px 0 0 15px; padding-left:23px; width:35px; height:19px; line-height:21px; color:#52494A; overflow:hidden;}
                    .order a:hover { color:#EA1166; text-decoration:none;}
                    .order .a2 { background:url(images/pagePro.gif) -477px -225px no-repeat;}
                    .order .a3 { background:url(images/pagePro.gif) -540px -225px no-repeat;}

    dl.best_news { width:950px; height:144px; background:url(images/best_news_bg.gif) no-repeat; overflow:hidden;}
        dl.best_news dt { clear:both; padding-top:3px; width:950px; height:25px; line-height:25px; font-weight:bold; font-size:14px; color:#5A595A; text-indent:2.5em;}
        dl.best_news dd { padding:18px 3px; width:944px; height:84px;}
            dl.best_news dd p { float:left; padding:0 8px; width:220px; height:28px; line-height:28px; font-size:13px; text-align:left; overflow:hidden;}
            dl.best_news dd p a { padding-left:20px; color:#555;}
            dl.best_news dd p a:hover { color:#EA1166;}

    dl.list_link { clear:both; margin-bottom:7px; width:950px; height:103px; background:url(images/list_link_bg.gif) no-repeat; overflow:hidden;}
        dl.list_link dt { width:950px; height:31px; line-height:31px; text-indent:2em; color:#636363; font-size:14px;}
        dl.list_link dd { padding:6px 10px; height:60px; line-height:20px; font-size:13px; overflow:hidden;}
            dl.list_link dd a { margin-right:10px; color:#636363;}
            dl.list_link dd a:hover { color:#EA1166;}


