ul#slide {padding:0; margin:0; list-style:none; width:228px; height:auto; position:relative; overflow:hidden;text-align:left;}
ul li div {position:absolute; left:-9999px; background:#fff;}

#slide li.top {display:block; float:left; height:26px; line-height:26px; width:228px; color:#000; background:url(../../images/bg_dvsan.png) repeat-y; text-decoration:none;  font-size:11px; border-bottom:1px solid #eee;}

#slide li.current {background: url(../../images/bg_dvsan.png) repeat-y;}
#slide li.current {height:auto;}
#slide li.current div {position:static; height:auto; width:228px;margin:auto;text-align:center;}

#slide li.current div dl {margin:0;}
#slide li.current div dt {font-size:11px; font-weight:bold; color:#000;}
#slide li.current div dd {padding-bottom:5px;  font-size:11px; color:#fff;line-height:11px;display:inline-block;}

.service_img{float:left; width:228px;position:relative; height:auto;}
.service_text{float:left; width:228px; height:auto;background:#000;background-position:bottom;position:absolute;bottom:0;left:0;/* for IE */ filter:alpha(opacity=50); /* CSS3 standard */ opacity:0.5;}
.service_text p{color:#FFFFFF;text-align:justify;font-weight:lighter}
a.service_detail{color:#fff;text-decoration:underline}
a.service_detail:hover{color:#fff}