.slider_outer{position: relative;}
.slider_outer .tit {
    position: absolute; top: 0; right: 0; cursor: pointer; z-index: 1;
}
.slider_outer > ul{padding: 0; margin: 0; list-style: none;}
.slider_outer > ul > li{float: left; position: relative; width: 50px;}
.slider_outer > ul > li > div{overflow: hidden;  height: 100%;}
.slider_outer > ul > li:first-child > div{overflow: hidden;  height: 100%;-webkit-border-radius: 8px 0 0 8px; -moz-border-radius: 8px 0 0 8px;border-radius: 8px 0 0 8px;}
.slider_outer img{}
.slider_outer > ul > li > span{position: absolute; bottom: 0; left: 0; right: 0; padding: 20px; color: #fff; background: rgba(185, 124, 212, 0.6);}

.slider_outer > ul > li:first-child > span{-webkit-border-radius: 0 0 0 8px; -moz-border-radius: 0 0 0 8px;border-radius: 0 0 0 8px; display: block;}
.slider_outer > ul > li:first-child,
.slider_outer > ul > li:first-child img{-webkit-border-radius: 8px 0 0 8px; -moz-border-radius: 8px 0 0 8px;border-radius: 8px 0 0 8px;}
.slider_outer > ul > li:last-child,
.slider_outer > ul > li:last-child img{-webkit-border-radius: 0 8px 8px 0; -moz-border-radius: 0 8px 8px 0; border-radius: 0 8px 8px 0; overflow: hidden;}

.slider_outer:after{ content: ''; display: block; height: 14px; position: absolute; left: 42px; right: 42px; bottom:-14px; -webkit-border-radius: 0 0 8px 8px; -moz-border-radius: 0 0 8px 8px;border-radius: 0 0 8px 8px; background: url(after.png) 0 0 repeat-x}
.slider_outer:before{ content: ''; display: block; height: 12px; position: absolute; left: 42px; right: 42px; top:-12px;  -webkit-border-radius: 8px 8px 0 0; -moz-border-radius: 8px 8px 0 0;border-radius: 8px 8px 0 0; background: url(bef.png) 0 0 repeat-x}