slider、スライド画像を自動的に縮小して表示する方法。

現在下記タイプの画像がスライドするものでブログを作っています。
http://fthemes.com/demo/EchoZine/

画像のサイズを決定するCSSコードは下記かと思われます。
——————————
.fp-slides, .fp-thumbnail {
height: 300px;
overflow: hidden;
position: relative;
}
——————————

別ページにある元画像heightが600pxのものをここにリンク指定すると
300pixに縮小されず余りの300pxが表示されない状態になります。

max-heightや％等も記述してみたのですが、どうにもうまく行きません。
どうにか自動的に50％のサイズ、またはheight300px内に自動的に100％として収まる方法はないものでしょうか？