@charset "utf-8";

.SS{ width:450px; height:205px;border:1px solid #ddd; text-align:left; float:left;}
.hd{ height:30px; line-height:30px;background:#f4f4f4; padding:0 20px; border-bottom:1px solid #ddd;  position:relative;}
.hd ul{ position:absolute; left:28px; top:-1px; height:32px; }
.hd ul li{ float:left;padding:0 15px; cursor:pointer; }
.hd ul li.on{height:30px; /* background:#fff;*/  background:#09F; color:#FFF; border:1px solid #ddd; border-bottom:1px solid #fff; }
.bd{ width:430px; padding-left:5px;}
.bd ul{ padding:3px;zoom:1;}
.bd ul li{/*height:25px; line-height:25px;*/ font-size:12px; line-height:24px; padding-left:10px; background:url(../../images/icoLeft.gif) no-repeat center left; }
.bd ul li .date{ float:right; color:#999; padding-right:15px; }

#content .c3{ width:257px; height:205px; float:right; margin-left:12px; display:inline;}
#content .c3 .C3right { width:257px; height:205px; border:1px solid red;}

#content .c4{ width:1000px; height:250px; float:left; margin-top:10px; margin-bottom:10px;border:1px solid #CCC; margin-left:0PX;}
/* 本例子css */
		.picScroll-left{ width:998px; overflow:hidden; position:relative;  /*border:1px solid #ccc;*/   }
		.picScroll-left .hd{ overflow:hidden;  height:30px; background:#f4f4f4; padding:0 10px; }
		.picScroll-left .hd .prev,.picScroll-left .hd .next{ display:block;  width:5px; height:9px; float:right; margin-right:5px; margin-top:10px;  overflow:hidden;
			 cursor:pointer; background:url(../../images/images/icoLeft.gif) no-repeat;}
		.picScroll-left .hd .next{ background:url(../../images/images/icoRight.gif) no-repeat;  }
		.picScroll-left .hd ul{ padding-left:100px; float:right; overflow:hidden; zoom:1; margin-top:10px; zoom:1; }
		.picScroll-left .hd ul li{ float:left;  width:9px; height:9px; overflow:hidden; margin-right:1px; text-indent:-999px; cursor:pointer; background:url(../../images/images/icoCircle.gif) 0 -9px no-repeat; }
		.picScroll-left .hd ul li.on{ background-position:0 0; }
		.picScroll-left .bd{ padding:10px;   padding-left:0px;  }
		.picScroll-left .bd ul{ overflow:hidden; zoom:1; }
		.picScroll-left .bd ul li{ margin:0 2px; float:left; _display:inline; overflow:hidden; text-align:center; background:none;  }
		.picScroll-left .bd ul li .pic{ text-align:center; }
		.picScroll-left .bd ul li .pic img{ width:145px; height:165px; display:block;  padding:2px; border:1px solid #ccc; }
		.picScroll-left .bd ul li .pic a:hover img{ border-color:#999;  }
		.picScroll-left .bd ul li .title{ line-height:24px;   }