画像スライダー（Bxslider）についての質問です。
表示の設定は下記のとおりです。

<script type="text/javascript">
$(document).ready(function(){
$(’.bxslider’).bxSlider({
auto: true,
mode:’fade’,
controls: true,
autoControls: true,
});
});
</script>

この場合常に進む、戻るの矢印が表示されたままですが、やりたいことは画像部にマウスを乗せたときにだけ矢印の画像（進む、戻る）を表示させ、それ以外のときには消してしまいたいと思っています。

どのようにすればよいのか分かりません。ご存じの方がいらっしゃれば、教えていただけないでしょうか。