Cacher is the code snippet organizer for pro developers

.flexslider:hover .flex-direction-nav a,
.flexslider:hover .flex-direction-nav a {
    width: initial;
    height: initial;
    color: #ffffff;
    background: #000000;
    padding: 8px 25px 8px 30px;
    z-index: 5;
}
.flexslider:hover .flex-direction-nav a.flex-prev{
    padding: 8px 30px 8px 25px;
}
.flexslider:hover .flex-direction-nav a.flex-next {
    padding: 8px 25px 8px 30px;
}
.flexslider .flex-direction-nav a:hover{
    color: #FFFFFF;
    background: #004DFF;
}
.flex-direction-nav {
    display: block;
}
.flexslider:hover .flex-prev {
    left: 0;
}
.flexslider:hover .flex-next {
    right: 0;
}
.flex-direction-nav a.flex-prev:before {
    font: normal normal normal 60px/1em FontAwesome;
    content: '\f104';
}
.flex-direction-nav a.flex-next:before {
    font: normal normal normal 60px/1em FontAwesome;
    content: '\f105';
}