Как реализовать контент на определенную ширину

http://jsfiddle.net/xLj77yg9/

Подскажите возможно ли чтобы для следующего кода, чтобы контентная область занимала, например 500 пикселей по центру, но при этом на половину изображения был наложен полупрозрачный слой, который тянеться на 50% изображения.

Как вариант можно в фотошопе с изображением поработать. но хотелось бы это реализовать на css

как необходимо