JQuery colorbox Not Centering In Window

Hi I’ve a problem the box loads images under the page not on center ,And I have to scroll down to see the Image ,Also when i click on next Image icon ” Next” the box goes down more , Each time i click on next it goes down more and more , And if the post has more than 30 images the box loads so far down and i’v to keep scrolling to see it, Please help me to fix it .
see this page
https://https://q8gears.com/2013-audi-a8-hybrid/

Thanks