html - ラッパー (overflow:hidden に設定) よりも幅が広い子画像を動的に水平方向に中央揃えできますか?

Question

したがって、次の流体画像が与えられます。

<div class="container">
    <img src="http://www.placehold.it/400x150">
</div>

と

.container {
    margin: 0 15px;
    overflow: hidden;
    text-align: center;
}

img {
    min-width: 300px;
    max-width: 100%;
}

背景画像として設定せずに、エッジがオーバーフローしている間に、この画像を css で水平方向に中央揃えすることは可能ですか?

ソースコードもこちら: http://jsfiddle.net/RWqha/3/