.slideshow {clear: both;}
.slideshow li{overflow:hidden;position: relative;width:100%;}
.slideshow span.title{position: absolute;bottom: 0;left: 0;margin-bottom: 0;width:100%;height: 32px;line-height: 32px;font-size: 14px;text-indent: 10px;}
.slideshow span.title, .slidebar li {background: rgba(0,0,0,0.3);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = #30000000,endColorstr = #30000000);color: #FFF;overflow: hidden;}
.slidebar li {float: left;margin-right: 1px;width: 20px;height: 20px;line-height: 20px;text-align: center;font-size: 10px;cursor: pointer;font-family:"微软雅黑",tahoma,'宋体',Arial,Lucida,Verdana,Helvetica,sans-serif;font-weight:500;font-size:12px;}
.slidebar li.on {background: rgba(255,255,255,0.5);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = #50FFFFFF,endColorstr = #50FFFFFF);color: #000;font-weight: 700;}
.slideshow li a{display: block;width: 100%;position: relative;}
.slideshow li a img{position: absolute;top: 0;left: 50%;max-width:100%;transform: translate(-50%);}
.slideshow span.title{position:absolute;top: 0;font-size: 12px;font-weight:400;height: 20px;line-height: 20px;text-align: center;text-indent: -10px;}
.slidebar{bottom: 5px!important;right:4px!important;top:inherit!important;left:inherit!important;}
.slideshow span.title,.slidebar li{background:rgba(0,0,0,0.3);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr = #90000000,endColorstr = #90000000);color:#FFF;overflow:hidden;}
.slidebar li.on{background:rgba(255,255,255,0.5);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr = #90000000,endColorstr = #90000000);color:#ff0;font-weight:700;}