@charset "utf-8";
/* CSS Document */
/************************************************
Author: 朱启标 abelchu@Gmail.com
Development by: Chinasky.net
My website: http://www.qitag.net/
			http://www.coolxoo.com/
			http://www.zhuamei.com/
Last updated: 2008/12/17
************************************************/

/*嵌入整体样式*/
@import url("css.css");

#wrapper {}

#content {padding:10px 0 15px;*padding:10px 0 0;}

    #content .leftbox {width:232px;margin:0;padding:0;}
        /*
	    #content .leftbox .search { float:left;width:201px;height:43px;padding:13px 15px 18px;margin:0 0 10px 0;*margin:0 0 11px 0;background:url(../images/serach_bg.gif) no-repeat;position:relative;}
			#content .leftbox .search .selected {width:150px;height:20px;padding:1px 0 1px 0;margin:3px 0 0 6px;}
			#content .leftbox .search .input_btn {position:absolute;right:8px;top:12px;text-indent:-9999pt;cursor:pointer;width:42px;height:45px;padding:0;margin-top:3px;border:0;background:none;}
			#content .leftbox .search .input_name {width:130px;height:18px;line-height:18px;vertical-align:middle;padding:1px 0 0;margin:0 0 0 27px;border:0;font-size:11px;background:none;}

	    #content .leftbox .ordersearch { float:left;width:214px;height:19px;padding:15px 9px;margin:0 0 10px 0;*margin:0 0 11px 0;background:url(../images/orderserach_bg.gif) no-repeat;position:relative;}
			#content .leftbox .ordersearch .input_btn {position:absolute;right:9px;top:15px;text-indent:-9999pt;cursor:pointer;width:60px;height:19px;padding:0;margin:0;border:0;background:none;}
			#content .leftbox .ordersearch .input_order {width:130px;height:18px;line-height:18px;vertical-align:middle;padding:0;margin:0 0 0 27px;border:0;font-size:11px;background:none;}
        */

	    #content .leftbox .product {float:left;width:232px;margin:0 0 10px 0;}
			#content .leftbox .product .title { float:left;width:220px;height:39px;padding:10px 0 0 12px;margin:0 0 0 0;font-weight:bold;color:#ffffff;background:url(../images/left_title.gif) no-repeat;}
			
			#content .leftbox .product .list { float:left;width:229px;padding:0 0 0 0;margin:0 0 0 0;border-left:#BAE5F1 1px solid;border-right:#BAE5F1 1px solid;background:#EEFCFF;}
			#content .leftbox .product .list h2{ float:left;width:198px;height:23px;margin-bottom:10px;padding:3px 0 2px 31px;*padding:5px 0 2px 31px;color:#16759D;font-weight:bold;background:url(../images/h2_bg.gif) no-repeat top;}
			#content .leftbox .product .list h2 a{color:#16759D;font-weight:bold;text-decoration:none;}
			#content .leftbox .product .list h2 a:hover { color:#e60012;text-decoration:underline;}

			#content .leftbox .product .list ul{ float:left;width:197px;margin:0;padding:0 0 15px 16px;}
			#content .leftbox .product .list ul li{float:left;width:170px;height:21px;*height:20px;padding:4px 0 0 27px;border-bottom:#347592 1px dotted;background:url(../images/ico01.gif) no-repeat 18px 48%;}
			#content .leftbox .product .list ul li a { display:block;color:#0865AF;text-decoration:none;}
			#content .leftbox .product .list ul li a:hover { color:#e60012;text-decoration:underline;}

			#content .leftbox .product .foot { float:left;width:231px;height:8px;padding:0 0 0 0;margin:0 0 0 0;background:url(../images/left_foot.gif) no-repeat top;}


	    #content .leftbox .view{float:left;width:232px;}
			#content .leftbox .view .title { float:left;width:220px;height:30px;padding:9px 0 0 12px;font-weight:bold;color:#16759d;background:url(../images/left_title3.gif) no-repeat;}
			#content .leftbox .view .list { float:left;width:229px;border-left:#BAE5F1 1px solid;border-right:#BAE5F1 1px solid;background:#EEFCFF;}
			#content .leftbox .view .list ul{ float:left;width:197px;height:270px;padding:0 0 10px 16px;}
			#content .leftbox .view .list ul li{float:left;width:197px;height:40px;margin:3px 0 0;padding:0 0 2px;border-bottom:#347592 1px dotted;}
			
			#content .leftbox .view .list ul li a { float:left;width:197px;height:35px;padding:5px 0 0;overflow:hidden;display:block;color:#676767;text-decoration:none;}
			#content .leftbox .view .list ul li a img {float:left;width:85px;}
			#content .leftbox .view .list ul li a span {float:right;width:110px;line-height:18px;text-align:left;cursor:pointer;}
			#content .leftbox .view .list ul li a:hover { color:#cc0000;text-decoration:underline;}

			#content .leftbox .view .foot { float:left;width:231px;height:8px;padding:0 0 0 0;margin:0 0 0 0;background:url(../images/left_foot.gif) no-repeat top;}

	    #content .leftbox .viewed{float:left;width:232px;}
			#content .leftbox .viewed .title { float:left;width:220px;height:30px;padding:9px 0 0 12px;font-weight:bold;color:#16759d;background:url(../images/left_title3.gif) no-repeat;}
			#content .leftbox .viewed .list { float:left;width:229px;border-left:#BAE5F1 1px solid;border-right:#BAE5F1 1px solid;background:#EEFCFF;}
			#content .leftbox .viewed .list ul{ float:left;width:197px;height:254px;padding:0 0 10px 16px;}
			#content .leftbox .viewed .list ul li{float:left;width:197px;height:45px;margin:3px 0 0;padding:0 0 2px;border-bottom:#347592 1px dotted;}
			
			#content .leftbox .viewed .list ul li a { float:left;width:197px;height:40px;padding:5px 0 0;overflow:hidden;display:block;color:#676767;text-decoration:none;}
			#content .leftbox .viewed .list ul li a img {float:left;width:85px;}
			#content .leftbox .viewed .list ul li a span {float:right;width:110px;line-height:18px;text-align:left;cursor:pointer;}
			#content .leftbox .viewed .list ul li a:hover { color:#cc0000;text-decoration:underline;}

			#content .leftbox .viewed .foot { float:left;width:231px;height:8px;padding:0 0 0 0;margin:0 0 0 0;background:url(../images/left_foot.gif) no-repeat top;}
		
		
    /*main content right*/
	#content .rightbox { width:692px;margin:0;}

	    #content .rightbox .box {float:left;width:692px;}
		#content .rightbox .marginTop {margin-top:-3px;}
		#content .rightbox .marginTop15 {margin-top:13px;}


        /*search*/
	    #content .rightbox .search {float:left;width:686px;height:48px;margin-top:0px;padding:4px;position:relative;background:url(../images/right_serach_bg.gif) no-repeat;}
			#content .rightbox .search .selected {height:20px;padding:1px 0 1px 0;margin:3px 0 0 6px;border:#cccccc solid 1px;}
			#content .rightbox .search .input_btn {position:absolute; right:100px;top:12px;text-indent:-9999pt;cursor:pointer;width:60px;height:20px;padding:0;margin-top:3px;border:0;background:url(../images/search_submit.gif) no-repeat; }


		/*news products*/	
		#content .rightbox .product h2{ float:left;width:674px;height:22px;padding:0 0 0 18px;margin:0 0 0 0;color:#005496;font-weight:bold;background:url(../images/ico02.gif) no-repeat left 4px;}
		#content .rightbox .product h2 a { float:right;margin:-19px 13px 0 0;overflow:hidden;padding:0;width:45px;height:16px;text-indent:-9999pt;background:url(../images/more.gif) no-repeat;}

		#content .rightbox .product ul{ float:left;width:690px;padding:13px 0 25px 0;border:#E0E0E0 1px solid;}
			#content .rightbox .product ul li{float:left;width:151px;height:175px;text-align:center;margin:0 10px 0 8px;*margin:0 8px 0 8px;background:url(../images/new_product_bg.gif) no-repeat top;position:relative;}
			#content .rightbox .product ul li a.img{float:left;width:125px;height:75px;font-size:75px;text-align:center;overflow:hidden;margin:13px 0 0 14px;}
			*#content .rightbox .product ul li a.img{float:left;width:125px;height:75px;text-align:center;overflow:hidden;margin:13px 0 0 14px;}
			#content .rightbox .product ul li a.img img{width:125px;vertical-align:middle;}

			#content .rightbox .product .thumb {float:left;width:125px;height:75px;text-align:center;position:absolute;left:13px;top:15px;}
			#content .rightbox .product .thumb a{float:left;display:table-cell;width:125px; height:75px;line-height:75px;overflow:hidden; font-size:67px; vertical-align:middle;}
			*>#content .rightbox .product .thumb a{float:left;display:table-cell;width:125px; height:75px;line-height:75px;overflow:hidden;  font-size:12px vertical-align:middle;}
			#content .rightbox .product .thumb a img{width:125px;vertical-align:middle;}

			#content .rightbox .product ul li img.new{position:absolute;left:0px;top:0px;z-index:9999;}

			#content .rightbox .product ul li div {float:left;width:150px;line-height:20px;position:absolute;left:1px;top:113px;color:#555555;}
			#content .rightbox .product ul li div .red{ color:#ff0000; text-align:center;}
			#content .rightbox .product ul li div a {float:left;width:150px;height:20px;line-height:20px;overflow:hidden;color:#555555;text-decoration:none;}
			#content .rightbox .product ul li div a:hover {color:#ff0000;text-decoration:underline;}
			#content .rightbox .product ul li div .red { color:#ff0000;}
			#content .rightbox .product ul li div span { text-decoration:line-through;}


		/*hot products*/	
		#content .rightbox .product2 h2{ float:left;width:674px;height:22px;padding:0 0 0 18px;margin:0 0 0 0;color:#005496;font-weight:bold;background:url(../images/ico02.gif) no-repeat left 4px;}
		#content .rightbox .product2 h2 a { float:right;margin:-19px 13px 0 0;overflow:hidden;padding:0;width:45px;height:16px;text-indent:-9999pt;background:url(../images/more.gif) no-repeat;}

		#content .rightbox .product2 ul{ float:left;width:690px;padding:13px 0 15px 0;border:#E0E0E0 1px solid;}
			#content .rightbox .product2 ul li{float:left;width:151px;height:185px;text-align:center;margin:0 10px 0 8px;*margin:0 8px 0 8px;position:relative;}
			#content .rightbox .product2 ul li a.img{float:left;width:125px;height:110px;font-size:97px;text-align:center;overflow:hidden;margin:3px 0 0 14px;}
			*#content .rightbox .product2 ul li a.img{float:left;width:125px;height:110px;text-align:center;overflow:hidden;margin:13px 0 0 14px;}
			#content .rightbox .product2 ul li a.img img{width:125px;vertical-align:middle;}

			#content .rightbox .product2 .thumb {float:left;width:125px;height:110px;text-align:center;position:absolute;left:13px;top:3px;}
			#content .rightbox .product2 .thumb a{float:left;display:table-cell;width:125px; height:110px;line-height:110px;overflow:hidden; font-size:97px; vertical-align:middle;}
			*>#content .rightbox .product2 .thumb a{float:left;display:table-cell;width:125px; height:110px;line-height:110px;overflow:hidden;  font-size:12px vertical-align:middle;}
			#content .rightbox .product2 .thumb a img{vertical-align:middle;}

			#content .rightbox .product2 ul li img.new{position:absolute;left:0px;top:0px;z-index:9999;}

			#content .rightbox .product2 ul li div {float:left;width:150px;line-height:20px;position:absolute;left:1px;top:113px;color:#555555;}
			#content .rightbox .product2 ul li div a {float:left;width:150px;height:20px;line-height:20px;overflow:hidden;color:#555555;text-decoration:none;}
			#content .rightbox .product2 ul li div a:hover {color:#ff0000;text-decoration:underline;}
			#content .rightbox .product2 ul li div .red { color:#ff0000;}
			#content .rightbox .product2 ul li div span { text-decoration:line-through;}


        /*banner*/
	    #content .rightbox .banner {float:left;width:692px;overflow:hidden;margin:10px 0 10px 0;text-align:center;}


        /*news list*/
	    #content .rightbox .news {width:331px;}
			#content .rightbox .news h2 { float:left;width:313px;height:41px;padding:8px 0 0 18px;margin:0 0 0 0;font-weight:bold;color:#707070;background:url(../images/right_news_title.gif) no-repeat;}
	        #content .rightbox .news h2 a { float:right;margin:-22px 10px 0 0;overflow:hidden;padding:0;width:38px;height:19px;text-indent:-9999pt;background:url(../images/more2.gif) no-repeat;}
			
			#content .rightbox .news .list { float:left;width:331px;padding:0 0 0 0;margin:0 0 0 0;background:url(../images/right_news_bg.gif) repeat-y;}

			#content .rightbox .news .list ul{ float:left;width:300px;margin:0;padding:0 0 3px 31px;}
			#content .rightbox .news .list ul li{float:left;width:285px;height:20px;line-height:20px;overflow:hidden;padding:4px 7px 0 8px;background:url(../images/ico04.gif) no-repeat left 48%;}
			#content .rightbox .news .list ul li a { display:block;color:#7D7D7D;text-decoration:none;}
			#content .rightbox .news .list ul li a:hover { color:#e60012;text-decoration:underline;}

			#content .rightbox .news .foot { float:left;width:331px;height:15px;padding:0 0 0 0;margin:0 0 0 0;background:url(../images/right_news_foot.gif) no-repeat top;}


