.nivoo-slider, .nivoo-slider-holder { height: 270px; overflow: hidden; position: relative; width: 487px; *width: 462px; } .nivoo-slider-holder { background-repeat: no-repeat; } .nivoo-slider img, .nivoo-link { left: 0; position: absolute; top: 0; z-index: 0; } .nivoo-slider > img:first-child, .nivoo-slider > a:first-child img { z-index: 1; } .nivoo-link { border: none; display: none; height: 100%; width: 100%; z-index: 20; } .direction-nav-left { left: 0px; filter:alpha(opacity=10); -moz-opacity:.10; opacity:.10; } .direction-nav-left:hover { filter:alpha(opacity=30); -moz-opacity:.30; opacity:.30; } .direction-nav-right { right: 22px; *right: 0px; filter:alpha(opacity=10); -moz-opacity:.10; opacity:.10; } .direction-nav-right:hover { filter:alpha(opacity=30); -moz-opacity:.30; opacity:.30; } .direction-nav-left, .direction-nav-right { position: absolute; top: 0px; z-index: 999; min-width: 25px; max-width: 25px; } .direction-nav-left a, .direction-nav-right a { display: block; } .direction-nav-left a:focus, .direction-nav-right a:focus { outline: none; } .direction-nav-left a { background: url(images/arrow-left.png) no-repeat left 50%; } .direction-nav-right a { background: url(images/arrow-right.png) no-repeat right 50%; } .nivoo-slice { display: block; height: 100%; position: absolute; z-index: 10; } .nivoo-slider p { background: #181818; background: rgba(0, 0, 0, .6); bottom: -30px; color: #fff; height: 30px; line-height: 30px; left: 0; margin: 0; text-indent: 10px; position: absolute; width: 100%; z-index: 30; }