div.scrollingHotSpotLeft, div.scrollingHotSpotRight { top:50%; margin:-20px 0 0 0; cursor:pointer; opacity:1 !important; }
div.scrollingHotSpotLeft { background-image: url(../images/arrow-left.png); background-repeat: no-repeat; background-position: center center; position: absolute; z-index: 999; left: 0; height:45px; width:30px; background-color:rgba(2555, 255, 255, 0.9); }
div.scrollingHotSpotRight { width: 30px; height: 45px; background-image: url(../images/arrow-right.png); background-repeat: no-repeat; background-position: center center; background-color:rgba(2555, 255, 255, 0.9); position: absolute; z-index: 999; right: 0; }
div.scrollWrapper { position: relative; overflow: hidden; width: 100%; height: 100%; }
div.scrollableArea { position: relative; height: 100%; }
.box { float:left; width:285px; position:relative; margin:0 10px 0px 0; }
.box-img { float:left; width:100%; }
.box-img img { max-width:100%; }
.box-content { width:100%; position:absolute; z-index:9; height:30px; bottom:0px; line-height:30px; background-color:rgba(85, 85, 84, 0.9); opacity:1; -webkit-transition: opacity 1s ease-in-out; -moz-transition: opacity 1s ease-in-out; -o-transition: opacity 1s ease-in-out; -ms-transition: opacity 1s ease-in-out; transition: opacity 1s ease-in-out; cursor:pointer; }
.box-content p { font-size:13px; line-height:30px; color:#FFFFFF; margin:0; padding:0 10px;cursor: default; }