.brand-slider { padding: 0 40px; position: relative } 
.brand-slider > span { position: absolute; top: 0px; height: 107px; width: 40px; text-align: center; display: block } 
.brand-slider > span.slide-left { left: 0px; padding-top: 45px; } 
.brand-slider > span.slide-right { right: 0px; padding-top: 45px; } 
.brand-slider a, .brand-slider > span { line-height: 65px; -webkit-transition: opacity 0.4s linear; -moz-transition: opacity 0.4s linear; -ms-transition: opacity 0.4s linear; -o-transition: opacity 0.4s linear; transition: opacity 0.4s linear; } 
.brand-slider > span {opacity: 0.2; } 
.brand-slider a:hover, .brand-slider > span:hover { opacity: 1; } 
.brand-slider img { vertical-align: middle } 
.brand-slider .brand-slider-wrapper { height: 107px; overflow: hidden; position: relative; } 
.brand-slider .brand-slider-list { width: auto; position: absolute; white-space: nowrap; } 
.brand-slider .brand-slider-list > li { display: inline; padding: 0 20px }