﻿@charset "utf-8";

/*all css*/
body,div,img,a,p,span,h1,h2,h3,h4,h5,h6,b,ol,ul,li,dl,dt,dd{
	margin: 0;
	padding: 0;
}
a:link {text-decoration: none; color:#333;}
a:visited {text-decoration: none;color:#333;}
a:hover {text-decoration: underline;}
a:active {text-decoration: none;color:#333;}


/* CSS main_top部分 css */
#main_top{width:980px; height:465px; margin:10px auto;}
#main_left_fl {
	float: left;
	height: auto;
	width: 150px;
	padding:0px 0px 0px 0px;

}
/*	background-image: url(../images/cooli_left_fl/pp_fenlei.gif);
	background-repeat: no-repeat;
*/

/*new banner CSS */
#cooli_new_banner_2{margin:0px auto; height:auto; background-image:url(../images/cooli_banner_3/nav_bg.gif); background-repeat:repeat-x; *margin-top:-15px; _margin-top:-15px;}
.cooli_new_banner_pic{width:1000px; height:49px; margin:0px auto;}
#cooli_banner_2nd .container .center #ltlogo{background: url(http://img01.taobaocdn.com/imgextra/i1/608923/T2Aj0MXiFbXXXXXXXX_!!608923.png?1339316434770) no-repeat 0px -281px;height: 65px;margin:10px 0 0 0 }

#cooli_allpinp{width:380px; height:auto; padding:10px; border:3px #fcce06 solid; line-height:25px; background-color:#FFF; 	z-index:13; position: absolute; margin:-3px 0px 0px 646px; *position: absolute; _position: absolute; *margin:47px 0px 0px -280px; _margin:47px 0px 0px -280px;}
#cooli_allpinp ul li{ width:80px; height:40px; padding:2px; float:left; margin:5px 5px;}


#cooli_allpinp2{width:380px; height:auto; padding:10px; border:3px #fcce06 solid; line-height:25px; background-color:#f9fdfe; 	z-index:13; position: absolute; margin:-3px 0px 0px 522px; *position: absolute; _position: absolute; *margin:47px 0px 0px -380px; _margin:47px 0px 0px -380px;}
#cooli_allpinp2 ul li{padding:2px; list-style:none;}
.cooli_allpinp2_left{width:auto; height:auto; float:left; margin-left:20px; padding:0px 15px 0px 15px; border-right:1px #ccc dashed; *padding:0px 10px 0px 10px;}
.cooli_allpinp2_right{width:auto; height:auto; float:left; margin-left:10px; padding:0px 15px 0px 15px;}

#cooli_allpinp2 ul li a:link {text-decoration: none; color:#333; font-size:13px}
#cooli_allpinp2 ul li a:visited {text-decoration: none;color:#333;}
#cooli_allpinp2 ul li a:hover {text-decoration: underline; font-weight:bold; color:#f60;}
#cooli_allpinp2 ul li a:active {text-decoration: none;color:#333;}

/*lod menu ------------------- 
#main_left_fl ul li {width:174px;height:34px;position:relative; list-style-type: none;}
#main_left_fl ul li  a{border:1px solid #F0F0E8;background-color:#FFF;padding:2px;display:block;}
#main_left_fl ul li  a:hover{border:1px solid #ccc;background-color:#c00;text-decoration: none;}
#main_left_fl ul li  a span{display:none; text-align:center; font-size:12px;}
#main_left_fl ul li  a:link span{color:#333;display:block; width:70px;position:absolute;top:7px;left:0px;line-height:20px;}
#main_left_fl ul li  a:hover span{color:#FFF;display:block;background-color:#c00;width:70px;position:absolute;top:7px;left:0px;line-height:20px;}
#main_left_fl ul li  a img{width:170px;height:30px;}

----------------------*/
#main_left_ppfl {border:#ccc 1px solid; height: 428px; padding-top:10px; background:#f6f7e9;}

/* 左侧导航 css*/



/* js 图片 资讯*/
#main_center_jspic_inf{ width:820px; height:459px; float:right}
#main_center_jspic{width:590px; height:250px; float:right; margin-right:10px;}

/*right inf css*/
#main_center_inf{width:218px; height:250px; float:right;}
.main_center_inf_title{width:216px;height:160px; border:1px #e1e1e1 solid;float:left;background-image: url(../images/cooli_tabhot/newsbg_inf.jpg);background-repeat: repeat-x;}
.main_center_inf_title h6{ font-size:12px; font-weight:normal; padding:3px 0px 3px 10px; color:#f30;}
.inf_teeul{margin-top:5px;}
.inf_teeli {width:200px;white-space:nowrap;text-overflow:ellipsis;overflow: hidden; padding-left:10px; text-align:left;}
.inf_blockR{float:left;width:216px; height:135px; line-height:25px;}
.inf_teeli1 {width:200px;;white-space:nowrap;text-overflow:ellipsis;overflow: hidden;}
.main_center_infdownpic{ width:218px; height:75px; float:left; margin-top:10px; _margin-top:10px;}
#main_center_hotpic{width:818px; height:195px; _height:190px; float:right; margin-top:5px; border:#e1e1e1 1px solid;}

/* 热销推荐 css*/
#news #tablist1 {width: 815px;}
#news_hot {width: 818px;height:170px;margin:100px;}
#tab1 ,#tab2{width:818px;height:30px;background-image: url(../images/cooli_tabhot/newsbg.jpg);background-repeat: repeat-x;}
#tab1 ul ,#tab2 ul{margin:0;padding:0;}
#tab1 li,#tab2 li{float:left;padding:0 18px;height:30px;line-height:30px;text-align:center;cursor:pointer;border-right:1px #e1e1e1 solid;list-style:none;font-size: 12px;}
#tab1 li.now,#tab2 li.now{color:#FFFFFF;font-weight:bold;background-image: url(../images/cooli_tabhot/bg1.jpg);background-repeat: no-repeat;}
.tablist{height:160px;font-size:12px;border-top:0;display:none;}
.block{display:block; }


/*广告图片 css*/
#cooli_guanggao{width:980px; height:auto; margin:0px auto; padding:0px 0px 10px 0px; _padding:5px 0px 10px 0px;}

/*floor inf css*/
#cooli_floor{width:980px; height:455px; margin:10px auto;}
#cooli_floor_title{width:980px; height:30px; float:left;}
.cooli_floor_title_left{ width:200px; height:25px; float:left;padding:0px 0px 0px 0px;}
.cooli_floor_title_right{width:720px; height:22px; float:left; padding:8px 0px 0px 50px; text-align:right; color:#999;}
.cooli_floor_title_right a{color:#666;text-decoration:none;font-size:12px;}
.cooli_floor_title_right a:hover{text-decoration:underline;color:red;}

/*floor for six css*/
#cooli_floor_main{ width:978px; height:420px; float:left; border:1px #f90 solid;}
#cooli_floor_main2{width:978px; height:420px; float:left; border:1px #333 solid;}
#cooli_floor_main3{width:978px; height:420px; float:left; border:1px #c00 solid;}
#cooli_floor_main4{width:978px; height:420px; float:left; border:1px #336 solid;}
#cooli_floor_main5{width:978px; height:420px; float:left; border:1px #000 solid;}
#cooli_floor_main6{width:978px; height:420px; float:left; border:1px #39c solid;}
#cooli_floor_main7{width:978px; height:420px; float:left; border:1px #6c0 solid;}

.cooli_floor_main_left{width:365px; height:415px; float:left;}

/*floor for six link css*/
.cooli_floor_main_right{width:608px; height:415px; float:right;}
.cooli_floor_main_right a{color:#666;text-decoration:none;font-size:12px;}
.cooli_floor_main_right a:hover{text-decoration:underline;color:#FF3300;}

.cooli_floor_main_right2{width:608px; height:415px; float:right;}
.cooli_floor_main_right2 a{color:#666;text-decoration:none;font-size:12px;}
.cooli_floor_main_right2 a:hover{text-decoration:underline;color:#333;}

.cooli_floor_main_right3{width:608px; height:415px; float:right;}
.cooli_floor_main_right3 a{color:#666;text-decoration:none;font-size:12px;}
.cooli_floor_main_right3 a:hover{text-decoration:underline;color:#c00;}

.cooli_floor_main_right4{width:608px; height:415px; float:right;}
.cooli_floor_main_right4 a{color:#666;text-decoration:none;font-size:12px;}
.cooli_floor_main_right4 a:hover{text-decoration:underline;color:#339;}

.cooli_floor_main_right5{width:608px; height:415px; float:right;}
.cooli_floor_main_right5 a{color:#666;text-decoration:none;font-size:12px;}
.cooli_floor_main_right5 a:hover{text-decoration:underline;color:#000;}

.cooli_floor_main_right6{width:608px; height:415px; float:right;}
.cooli_floor_main_right6 a{color:#666;text-decoration:none;font-size:12px;}
.cooli_floor_main_right6 a:hover{text-decoration:underline;color:#39c;}

.cooli_floor_main_right7{width:608px; height:415px; float:right;}
.cooli_floor_main_right7 a{color:#666;text-decoration:none;font-size:12px;}
.cooli_floor_main_right7 a:hover{text-decoration:underline;color:#6c0;}


.cooli_floor_main_right_spany{ text-decoration:line-through; color:#666;s}
.cooli_floor_main_right_spanx{ color:#990000; font-weight:bold; margin-left:10px;}

/*footer css*/
#cooli_footer{background-image:url(../images/cooli_footer/footbg.jpg); background-repeat:repeat-x; margin-top:25px;}
.cooli_footer_main{width:980px; height:198px; margin:0px auto; background-image:url(../images/cooli_footer/footer.jpg); background-repeat:no-repeat;}
.cooli_footer_main_box{width:100px; height:100px; float:left; padding:80px 0px 0px 0px; text-align:left; margin-left:35px; line-height:28px; color:#333;}
.cooli_footer_sub{width:980px; height:38px; text-align:right;  margin:0px auto;}
.cooli_footer_sub_pic{width:980px; height:45px; text-align:center;  margin:5px auto;}
.cooli_footer_sub_inf{width:980px; height:auto; text-align:center;  margin:5px auto; line-height:25px;}
.foot_pic{margin-left:20px; padding:2px; border:#e1e1e1 solid 1px;}
.foot_pic2{margin-left:20px; padding:2px; }


/*  focus590 */
#coolisliderone{width:590px; height:auto; float:left;}
.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.clearfix {zoom:1;}
ul,li {list-style:none;}
img {border:0;}
#focus590 {width:590px; height:250px; overflow:hidden; position:relative;}
#focus590 ul {height:380px; position:absolute;}
#focus590 ul li {float:left; width:590px; height:250px; overflow:hidden; position:relative; background:#000;}
#focus590 ul li div {position:absolute; overflow:hidden;}
#focus590 .btnBg {position:absolute; width:590px; height:20px; left:0; bottom:0; background:#000;}
#focus590 .btn {position:absolute; width:780px; height:10px; padding:5px 10px; right:0; bottom:0; text-align:right;}
#focus590 .btn span {display:inline-block; _display:inline; _zoom:1; width:25px; height:10px; _font-size:0; margin-left:5px; cursor:pointer; background:#fff;}
#focus590 .btn span.on {background:#fff;}
#focus590 .preNext {width:45px; height:100px; position:absolute; top:90px; background:url(img/sprite.png) no-repeat 0 0; cursor:pointer;}
#focus590 .pre {left:0;}
#focus590 .next {right:0; background-position:right top;}

/*back-top css 
#banner{width:980px;margin:0px auto;height:550px;overflow:hidden;z-index:1;}
#btn{display: inline;width:110px;hegiht:18px;float:left;margin:-30px 0px 0px 865px;position:absolute;z-index:1;left: 77px;top: 226px;}
#btn a{color:#36f;font:700 11px "Arial";background:url(images/ibbtn.gif) no-repeat;float:left;width:18px;height:18px;line-height:18px;text-align:center;text-decoration:none;margin-left:5px;}
#btn a.activeSlide{	color:#fff;background:url(images/ibhbtn.gif) no-repeat;}
#btn a:hover{	color:#fff;background:url(images/ibhbtn.gif) no-repeat;} */



