flexslider スライドサイズについて

flexsliderでスライドショーを導入しているのですが、表示したいテキストや画像に合わせてスライドのサイズを自動で調整する（はみ出さないようにスライド内にテキスト、画像を表示する）ようにしたいです。

java
1$('#slider').flexslider({
2        animation: "slide",
3        controlNav: false,
4        animationLoop: false,
5        slideshow: false,
6        sync: "#carousel",
7        start: function() {
8            modifySliderSize();
9        },
10        before: function() {
11            modifySliderSize();
12        },
13        after: function() {
14            modifySliderSize();
15        }
16     });
17function modifySliderSize() {
18    $('#slider .slides li').css('width','400px');
19    $('#slider .slides li').css('height','350px');
20    $('#slider .slides li img').css('margin','0 auto');
21    $('#slider .slides li img').css('width','auto');
22    $('#slider .slides li img').css('max-width','400px');
23    $('#slider .slides li img').css('max-height','350px');
24
25    $('#carousel .slides li').css('width','210px');
26    $('#carousel .slides li').css('height','170px');
27    $('#carousel .slides li img').css('margin','0 auto');
28    $('#carousel .slides li img').css('width','auto');
29    $('#carousel .slides li img').css('max-width','210px');
30    $('#carousel .slides li img').css('max-height','170px');
31}