#slider {
    width: 305px; /* important to be same as image width */
    height:450px; /* important to be same as image height */
    position: relative; /* important */
	overflow: hidden; /* important */
	top:0px;left:0px;
}
#sliderContent {
    width: 300px; /* important to be same as image width or wider */
    height: 200px;
    position: absolute;
	top: 0px;left:0px;
	margin: 0;
	border: 1px solid #888;
}
.sliderImage {float: left;position: relative;display: none;}
.sliderImage span {
    position: absolute;
	font-size: 10px;
    padding: 5px 5px 10px 5px;
    width: 290px;
    background-color: #fff;
    filter: alpha(opacity=80);
    -moz-opacity: 0.8;
	-khtml-opacity: 0.8;
    opacity: 0.8;
    color: #000;
    display: none;
}
#slider .clear {clear: both;}
#slider li {margin:0px;list-style-image:none;}
.sliderImage span strong {font-size: 14px;}
#slider .top {top: 0;left: 0;}
#slider .bottom {bottom: 0;left: 0;}
#slider ul { list-style-type: none;}

#slider .more {text-align: right;position: absolute;bottom:10px;right:10px}
#slider .more p {font-size: 10px;color:#333;background: url(../image/arr.png) no-repeat 0px 4px;padding-left: 15px;}
#slider .more span {color:#666;font-weight:bolder;font-size: 21px;}
#slider .more a:link, #slider .more a:visited, #slider .more a:active {color:#666;font-weight:normal;text-decoration:none;font-size: 21px;}
#slider .more a:hover{text-decoration:none;color:#333;}
#slider #text {text-align: left;font-size: 40px;color:#00384d;line-height:45px;position: absolute;bottom:100px;right:10px;width:280px;}