Slider Pro サムネイル画像問題

Question

jQueryのSlider Pro

http://gimmicklog.main.jp/demo/slider-pro/slider-pro.html#thumb-v

こちらのサイトの「サムネイル付き縦スライド」のように実装することができました。
ですが、実装後課題点が出てきました。

サムネイルの画像が横も縦も最大160サイズなので、thumbnailWidth: 160,
といった設定をしたところ、サムネイル画像が拡大されて粗くなる状態になっています。
※160x160のサイズにしたものも粗く表示されてしまっています。

対策としては、最大サイズにあわせてサムネイルが画像にあった形で表示をさせたいのですが
恥ずかしながら対策が分からない状況です。

知恵を貸していただけると助かります。

現在設定しているjsはこのような内容です。

$(document).ready(function(){
$( '#slider-sp' ).sliderPro({
width: '480px',
height:'500px',
smallsize:480,
responsive:true,
buttons: false,
arrows: true,
orientation: 'vertical',
slideDistance:0,
thumbnailsPosition: 'left',
thumbnailWidth: 160,
thumbnailHeight:100,
thumbnailArrows: true,
thumbnailPointer: true,
breakpoints: {
                600: {
                    thumbnailsPosition: 'bottom',
                    thumbnailWidth: 160,
                    thumbnailHeight: 160
                },
                480: {
                    thumbnailsPosition: 'bottom',
                    thumbnailWidth: 160,
                    thumbnailHeight: 160
                }
            }
});
});

Answer 1

ご質問からしばらく経っているのでもしかしたら解決しているかもしれませんが
同じ件で悩んでいましたので、回答させて頂きます。
（ただ、自分もまだ色々勉強中の身でして、これがベストなのかわからないのですが…）

私はcssで

img.sp-thumbnail{
width: 100% !important;
height: auto !important;
}

と指定することによって、
サムネイルを希望のサイズにすることができました。
参考になれば幸いです。