.sb-slider { margin:10px auto; position:relative; overflow:hidden; width:100%; list-style-type:none; padding:0; } .sb-slider li { margin:0; padding:0; display:none; } .sb-slider li > a { outline:none; } .sb-slider li > a img { border:none; } .sb-slider img { max-width:100%; display:block; } .sb-description { padding:20px; bottom:10px; left:10px; right:10px; z-index:1000; position:absolute; background:#CBBFAE; background:rgba(190,176,155, 0.4); border-left:4px solid rgba(255,255,255,0.7); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter:alpha(opacity=0);  opacity:0; color:#fff;  -webkit-transition:all 200ms; -moz-transition:all 200ms; -o-transition:all 200ms; -ms-transition:all 200ms; transition:all 200ms; } .sb-slider li.sb-current .sb-description { -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; filter:alpha(opacity=80);  opacity:1; } .sb-slider li.sb-current .sb-description:hover { -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=99)"; filter:alpha(opacity=99);  background:rgba(190,176,155, 0.7); } .sb-perspective { position:relative; } .sb-perspective > div { position:absolute;  -webkit-transform-style:preserve-3d; -moz-transform-style:preserve-3d; -o-transform-style:preserve-3d; -ms-transform-style:preserve-3d; transform-style:preserve-3d;  -webkit-backface-visibility :hidden; -moz-backface-visibility :hidden; -o-backface-visibility :hidden; -ms-backface-visibility :hidden; backface-visibility :hidden; } .sb-side { margin:0; display:block; position:absolute;  -moz-backface-visibility :hidden;  -webkit-transform-style:preserve-3d; -moz-transform-style:preserve-3d; -o-transform-style:preserve-3d; -ms-transform-style:preserve-3d; transform-style:preserve-3d; }