CSS image style

Hi,

I would like to create an image style in CSS that would put an icon (fa-play-circle) in the middle of image overlay with 50% opacity and 85% when rollover/hover(?) so it would look like this picture in the middle of article on this site http://swiatloczula.nazwa.pl/new/index.php/aktualnosci/item/2185-podsumowanie-trasy-z-pawlem-lozinskim.

PS I hope I do not exaggerate by monopolizing this forum and do not ask for too much

Sorry but this is customisation beyond our support. It would require custom css and js coding to achieve.

Well I thought so, but had a hope that it has enough connotations between template, NSP, Font Awsome ect...

I would base the solution on creativity homepage effect - create some JS adding necessary mockup, then using jQuery .on hover to show this mockup over the image with addition of some css to make it looks fine.

Or perhaps this could be done more easy...
Hmm - should it work only on opening image or perhaps or any?

I would like to put it only on certain images that will open video pop-up like those with which you helped me to make them responsive. I would like to make a class that I could add later in html tag. Something like here, but instead of plus would be icon "fa-play"
http://codepen.io/ianfarb/pen/ikeAf

Please create an image with custom class 'customoverlay' somewhere on your site and provide me link to that place. Ill see what can be done.

Ps - class should be added to anchor not to image.