portfolio lightbox too big

Hello,

i've got a problem and i don't know what to do to fix it.
The lightbox appears correctly on phone, little screen monitor ( low resolution ) but with a big screen ( more than 1920*1080) the lightbox is too big and the image doesn't fit to the screen. The image appears bigger than the original resolution.
What can i do to fix it ?
I read many topic and found nothing who can help me.

Thanks.
My website and portofolio pro problem : desta.tv/portofolio
here a screen of my problem : desta.tv/images/printscreenproblem.jpg

Hello, thank you for your help ( fast !)
But, before ask for help, i'd already try to change the CSS in the same way.
And well, it's work fine with a big screen, but in the other way on a small screen like smartphone, the lightbox is too small : desta.tv/images/toosmallsize.jpeg

I search a code solution for the lightbox fit to the screen. Any screen.
Can you help me ?

Hello HaiND ,

I come back from one week holiday.
So, i try your new css and it doesn't work.
I try with many others resolutions ( lower) and in the lightbox the media it's oversize like "338px × 600px (resize at 980px × 1 740px)"

I use Joomla and Gantry to manage my website. I searched but i didn't find something who can disturb Jux portofolio

if you have an idea?
Thank you for your support.
cf: Desta Website