body{background:url(images/index_body_bg.gif) repeat-x top #060605; font-size:14px;}

div.wrap_index{background:url(images/wrap_index_bg.gif) repeat-x top #09090A;}

div.main{}
div.main_narrow{float:left; width:205px;}
div.main_wide{float:right; width:732px;}
	div.main_wide div.box_content{background:#111;}
	div.main_wide a.banner{display:block; margin-bottom:9px;}

ul.main_list{}
ul.main_list li{background:url(images/box_title_ul_bg.gif) repeat-x bottom #131313; width:100%; height:137px; position:relative; line-height:22px;}
	ul.main_list li a.img{background:url(images/image_bg.png) no-repeat center; width:116px; height:116px; display:block; position:absolute; left:15px; top:11px;}
	ul.main_list li a.img img{margin:5px 8px;}
	ul.main_list li a.type{background:url(images/icon_list_class_bg.png) no-repeat; display:block; color:#FFF; font-weight:800; line-height:20px; text-align:center; width:73px; height:23px; position:absolute; left:142px; top:14px;}
	ul.main_list li a.title{color:#FFF; font-weight:800; position:absolute; left:222px; top:14px;}
	ul.main_list li p{color:#626262; position:absolute; left:146px; top:40px;}
	ul.main_list li a.trolley{position:absolute; bottom:4px; right:107px;}
	ul.main_list li a.buy{background:url(images/icon_buy.png) no-repeat; width:93px; height:22px; line-height:22px; display:block; text-align:center; color:#9B5503; font-weight:800; position:absolute; bottom:12px; right:12px;}

div.product_show{color:#5B5A5A; text-align:center; line-height:22px; position:relative; margin-top:15px; padding-top:255px;}
	div.product_show a{color:#5B5A5A;}
	div.product_show h1 a{font-size:18px; font-weight:800; color:#5EB105; text-align:left; float:right; position:absolute; left:248px; top:30px;}
	div.product_show h2{text-align:left; position:absolute; left:249px; top:70px; width:440px;}
	div.product_show span{background:url(images/image_bg_big.png) no-repeat; width:192px; height:243px; display:block; padding-top:5px; position:absolute; left:35px; top:18px;}
	div.product_show a.trolley{position:absolute; left:474px; top:30px;}
	div.product_show a.buy{background:url(images/icon_buy.png) no-repeat; width:93px; height:22px; line-height:20px; display:block; color:#9B5503; font-weight:800; position:absolute; left:496px; top:30px;}
	div.product_show a.price{background:url(images/icon_black_button.png) no-repeat; width:84px; height:23px; line-height:20px; display:block; color:#8D8D8D; font-weight:800; position:absolute; left:588px; top:30px;}
div.product_show_main{background:url(images/product_show_main_bg.png) no-repeat; width:659px; margin:0 auto; text-align:left; padding-top:18px;}
	div.product_show_main h3{background:url(images/product_show_title_bg.png) no-repeat; width:152px; height:37px; line-height:24px; text-align:center; color:#FFF; font-size:16px; font-weight:800; margin:0 0 0 -10px;}
	div.product_show_main h4,
	div.product_show_main p{margin:10px 30px;}
	div.product_show_main h4{font-weight:800; padding-top:15px; border-bottom:#171717 2px double; height:30px;}
	
	div.product_show_main ul.quick_link{float:right;}
	div.product_show_main ul.quick_link li{float:left; margin:0 8px;}
	
	div.developer{width:600px; height:90px; margin:0 auto; position:relative;}
	div.developer span{background-image:url(images/image_bg_small.png); width:88px; height:88px; text-align:center; left:0px; top:0px;}
	div.developer em{position:absolute; left:105px; top:0px; font-weight:800;}
	div.developer p{position:absolute; left:105px; top:20px; margin:0;}
	
	div.product_show div.pics,
	div.product_show div.rank{background:url(images/product_show_album_bg.png) no-repeat; width:329px; height:201px; position:relative;}
	div.product_show div.pics a.img{margin:0 2px;}
	div.product_show div.pics ul{width:100%; height:5px; position:absolute; left:19px; bottom:17px;}
	div.product_show div.pics ul li{float:left; width:16px;}
	div.product_show div.pics ul li a{display:block; width:5px; height:5px; background:#0F0F0F;}
	div.product_show div.pics ul li.active a{background:#73CE08;}
	div.product_show div.pics a.pre,
	div.product_show div.pics a.next{position:absolute; right:10px; bottom:0;}
	div.product_show div.pics a.pre{right:33px;}
	
	div.product_show div.rank{background-image:url(images/rank_board_bg1.png); margin:-201px 0 0 340px; position:relative;}
	div.product_show div.rank ul{width:143px; height:104px; position:absolute; left:107px; top:43px;}
	div.product_show div.rank ul li{background:url(images/rank_bg.png) no-repeat left top; height:13px; margin-bottom:10px;}
	
	div.product_show_main a.buy{position:static; text-align:center; background-image:url(images/icon_buy_big.png); width:132px; height:43px; font-size:18px; line-height:28px; margin:0 auto;}
