#ks_slider  { width: 578px; height: 285px; margin: 0px; overflow: hidden; position: relative;}
#ks_slider ul { list-style: none; padding: 0px 0px 0px 0px; margin: 0px 0px; float: right; }
#ks_slider li.note_mini { display: block; position: relative; width: 198px; height: 55px; margin: 2px 0px 0px 0px; _margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; line-height: 120%; overflow: hidden; }
#ks_slider li.note_mini span { display: none; position: absolute; left: -8px; top: 0; background: url('./arrow.png') no-repeat left; width: 15px; height: 55px; z-index: 2000;}
#ks_slider li.active span { display: block; border: 0; }
#ks_slider li.active { background: #ccc; }
#ks_slider .active { border: 0px; }
/*#ks_slider li.note_mini */
#ks_slider li.note_mini:hover { background: #eee; cursor: pointer;}
#ks_slider li.note_mini img { display: inline-block; float: left; max-width: 70px;  height: 55px;  _width: 50px; _height: 55px; }
#ks_slider li.note_mini p { font-size: 85%; display: inline-block; float: left; width: 100px; _width: 100px; padding: 0px 5px; margin: 0px;}

#ks_slider .note_body { display: block; position: absolute; width: 380px; height: 285px; background: #fff; }
#ks_slider .view {display: block;}
#ks_slider .note_body div { position: absolute; bottom: 0; background: #ccc; opacity: 0.7; filter:alpha(opacity=70); padding: 5px; z-index: 2000; }
#ks_slider .note_body div h3 a { position: relative; font-size: 146.5%; }
#ks_slider .note_body div h3{ margin: 0px 0px 0px 0px; font-size: 85%;}
#ks_slider .note_body div p { margin: 0px 0px 0px 0px; font-size: 85%;}
#ks_slider .note_body img { position: absolute; top: 0; left: 0; width: 380px; height: 285px; _width: 380px; _height: 300px;}