#container{ width:960px;}

#fade{ position:relative; width:960px; height:55px;}
#product_list_nav{ background: url(/images/extend/top_banner_bg.png) no-repeat left top; width:960px; height:55px; position:absolute; top:0px;  line-height:60px; font-family:Verdana, Geneva, sans-serif; font-size:18px;}
#product_list_nav a{ color:#6687B3; text-decoration:none; padding:0 32px 0 30px; font-size:17px;}

#main_product_con{ width:960px; background:#FFF;}

#main_product_con #pic_all{ position:relative; height:253px; width:960px; margin:0; padding:0;}
#pic_1{ position:absolute; height:253px; top:0px; left:0px; z-index:4}
#pic_2{ position:absolute; height:253px; top:0px; left:0px; z-index:3}
#pic_3{ position:absolute; height:253px; top:0px; left:0px; z-index:2}
#pic_4{ position:absolute; height:253px; top:0px; left:0px; z-index:1}

.panel h2.title {display:none; }

#main_product_con .coda-slider-wrapper{ background:#CF6; width:960px;}

#fade{ position:relative; width:960px; height:55px;}
#product_list_nav{ background: url(file:///I|/web_de/images/extend/top_banner_bg.png) no-repeat left top; width:960px; height:60px; position:absolute; top:0px;  line-height:60px; font-family:Verdana, Geneva, sans-serif; font-size:20px;}
#product_list_nav a{ color:#6687B3; text-decoration:none; padding:0 8px 0 35px; margin:0 5px;}

#main_product_con{ width:960px;}

#main_product_con #pic_all{ position:relative; height:253px; width:960px; margin:0; padding:0;}
#pic_1{ position:absolute; height:253px; top:0px; left:0px; z-index:4}
#pic_2{ position:absolute; height:253px; top:0px; left:0px; z-index:3}
#pic_3{ position:absolute; height:253px; top:0px; left:0px; z-index:2}
#pic_4{ position:absolute; height:253px; top:0px; left:0px; z-index:1}

.panel h2.title {display:none; }

#main_product_con .coda-slider-wrapper{ background:#FFF; width:960px;}
.coda-slider-wrapper .panel{ background: url(/images/common/product_list_bg_color.jpg) left top repeat-x;}
.coda-slider-wrapper .panel .panel-wrapper .top_bg{ background: url(/images/common/product_list_top_bg.jpg) top left repeat-x;}
.coda-slider-wrapper .panel .panel-wrapper .list_1{ width:960px;padding:50px 0 40px 0; background:url(/images/common/product_list_right_line.jpg) 685px 23px no-repeat;}
.coda-slider-wrapper .panel .panel-wrapper .list_1 .boxshot{float:left; margin-left:28px; padding-right:32px; width:138px; display:inline;}
.coda-slider-wrapper .panel .panel-wrapper .list_1 .text_content{ float:left; width:475px; font-family:Arial, Helvetica, sans-serif; font-size:20px; padding-top:5px; }
.coda-slider-wrapper .panel .panel-wrapper .list_1 .text_content .pro_title{ float:left; width:270px;}
.coda-slider-wrapper .panel .panel-wrapper .list_1 .text_content h3{font-size:20px; font-weight:100; word-wrap:break-word;overflow:hidden;}
.coda-slider-wrapper .panel .panel-wrapper .list_1 .text_content h3 a{ text-decoration:none; color:#383838;}
.coda-slider-wrapper .panel .panel-wrapper .list_1 .text_content .img_price{ float:right; width:200px;}
.coda-slider-wrapper .panel .panel-wrapper .list_1 .text_content .new_pic{ float:right; margin:0; padding:0;}
.coda-slider-wrapper .panel .panel-wrapper .list_1 .text_content .price{ float:right; width:160px; text-align:right;}
.coda-slider-wrapper .panel .panel-wrapper .list_1 .text_content .old_price{ color:#927c69; text-decoration:line-through; padding-right:10px; }
.coda-slider-wrapper .panel .panel-wrapper .list_1 .text_content .new_price{ color:#ff7200;}
.coda-slider-wrapper .panel .panel-wrapper .list_1 .text_content p{ padding-top:5px; font-size:13px; color:#5b5b5b;}

.coda-slider-wrapper .panel .panel-wrapper .list_1 .right_btn{ float:left; width:240px; margin-left:30px;}
.coda-slider-wrapper .panel .panel-wrapper .list_1 .right_btn ul.btn{ width:140px; float:left;  margin-top:17px; margin-left:10px; display:inline;}
.coda-slider-wrapper .panel .panel-wrapper .list_1 .right_btn ul.btn li{ margin:2px 0}
.coda-slider-wrapper .panel .panel-wrapper .list_1 .right_btn .support_win{ width:85px; float:right; font-size:12px; color:#002250; margin:22px 0 0 0; text-align:center; font-weight:bold;}
.coda-slider-wrapper .panel .panel-wrapper .list_1 .right_btn .support_win img{ margin-top:10px;}}
.coda-slider-wrapper .panel{ background: url(/images/common/product_list_bg_color.jpg) left top repeat-x;}
.coda-slider-wrapper .panel .panel-wrapper .top_bg{ background: url(/images/common/product_list_top_bg.jpg) top left repeat-x;}
.coda-slider-wrapper .panel .panel-wrapper .list_1{ width:960px;padding:50px 0 40px 0; background:url(/images/common/product_list_right_line.jpg) 685px 23px no-repeat;}
.coda-slider-wrapper .panel .panel-wrapper .list_1 .boxshot{float:left; margin-left:28px; padding-right:32px; width:138px; display:inline;}
.coda-slider-wrapper .panel .panel-wrapper .list_1 .text_content{ float:left; width:475px; font-family:Arial, Helvetica, sans-serif; font-size:20px; padding-top:5px; }
.coda-slider-wrapper .panel .panel-wrapper .list_1 .text_content .pro_title{ float:left; width:270px;}
.coda-slider-wrapper .panel .panel-wrapper .list_1 .text_content h3{font-size:20px; font-weight:100; word-wrap:break-word;overflow:hidden;}
.coda-slider-wrapper .panel .panel-wrapper .list_1 .text_content h3 a{ text-decoration:none; color:#383838;}
.coda-slider-wrapper .panel .panel-wrapper .list_1 .text_content .img_price{ float:right; width:200px;}
.coda-slider-wrapper .panel .panel-wrapper .list_1 .text_content .new_pic{ float:right; margin:0; padding:0;}
.coda-slider-wrapper .panel .panel-wrapper .list_1 .text_content .price{ float:right; width:160px; text-align:right;}
.coda-slider-wrapper .panel .panel-wrapper .list_1 .text_content .old_price{ color:#927c69; text-decoration:line-through; padding-right:10px; }
.coda-slider-wrapper .panel .panel-wrapper .list_1 .text_content .new_price{ color:#ff7200;}
.coda-slider-wrapper .panel .panel-wrapper .list_1 .text_content p{ padding-top:5px; font-size:13px; color:#5b5b5b;}

.coda-slider-wrapper .panel .panel-wrapper .list_1 .right_btn{ float:left; width:240px; margin-left:30px;}
.coda-slider-wrapper .panel .panel-wrapper .list_1 .right_btn ul.btn{ width:140px; float:left;  margin-top:17px; margin-left:10px; display:inline;}
.coda-slider-wrapper .panel .panel-wrapper .list_1 .right_btn ul.btn li{ margin:2px 0}
.coda-slider-wrapper .panel .panel-wrapper .list_1 .right_btn .support_win{ width:85px; float:right; font-size:12px; color:#002250; margin:22px 0 0 0; text-align:center; font-weight:bold;}
.coda-slider-wrapper .panel .panel-wrapper .list_1 .right_btn .support_win img{ margin-top:10px;}

/* Use this to keep the slider content contained in a box even when JavaScript is disabled */
.coda-slider-no-js .coda-slider { height: 200px; overflow: auto !important; padding-right: 20px;}
	
/* Change the width of the entire slider (without dynamic arrows) */
.coda-slider, .coda-slider .panel { width: 960px; height:auto;} 
/* 以上这段css控制移动内容的宽高*/
	
/* Change margin and width of the slider (with dynamic arrows) */
.coda-slider-wrapper.arrows .coda-slider, .coda-slider-wrapper.arrows .coda-slider .panel { width: 600px }
.coda-slider-wrapper.arrows .coda-slider { margin: 0 0px }
	
/* Arrow styling */
/*.coda-nav-left a, .coda-nav-right a { background: #000; color: #fff; padding: 5px; width: 100px }*/
	
/* Tab nav */
.coda-nav ul li a.current { background: #39c }
	
/* Panel padding */
.coda-slider .panel-wrapper {}
	
/* Preloader */
.coda-slider p.loading { padding: 20px; text-align: center }

/* Don't change anything below here unless you know what you're doing */

/* Tabbed nav */
 
.coda-nav ul { width:600px; clear: both; display: block; margin: auto; overflow: hidden; margin:-10px 0 0 10px; background:#0F6 }
.coda-nav ul li { float:left; display: inline }
.coda-nav ul li a { background: #000; color: #fff; display: block; float: left; margin:10px 0 0 0; padding: 3px 6px; text-decoration: none }
	
/* Miscellaneous */
.coda-slider-wrapper { clear: both; overflow: auto }
.coda-slider { float: left; overflow: hidden; position: relative; }
.coda-slider .panel { display: block; float: left }
.coda-slider .panel-container { ; clear:both;position: relative; }
.coda-nav-left, .coda-nav-right { float: left }
.coda-nav-left a, .coda-nav-right a { display: block; text-align: center; text-decoration: none }