.slider { margin:0px 0 0px!important;}
#carousel li {margin-right: 5px;}
#carousel img {display: block; opacity: .5; cursor: pointer;}
#carousel img:hover {opacity: 1;}
#carousel .flex-active-slide img {opacity: 1; cursor: default;}

#carousel .flex-next {
    background-attachment: scroll;
    background-clip: border-box;
    background-color: rgba(0, 0, 0, 0);
    background-image:url(../../images/arrow-rleft.png);
    background-origin: padding-box;
    background-position: 0 0;
    background-repeat: repeat;
    background-size: auto auto;
    height: 24px;
    left: -50px;
    position: absolute;
    top: 42%;
    width: 24px;
}
#carousel .flex-prev {
    background-attachment: scroll;
    background-clip: border-box;
    background-color: rgba(0, 0, 0, 0);
    background-image:url(../../images/arrow-right.png);
    background-origin: padding-box;
    background-position: 0 0;
    background-repeat: repeat;
    background-size: auto auto;
    height: 24px;
    left: auto;
    position: absolute;
    right: -50px;
    top: 38%;
    width: 24px;
}