Okay, I'll try to walk through it this time.
Currently there are a few invalid things in your code, and conflicts that you'll have to resolve.
The first would be the invalid code.
<head>
<script src="js/jquery-1.11.0.min.js"></script>
<script src="js/lightbox.min.js"></script>
<link href="css/lightbox.css" rel="stylesheet" />
<a href="http://s11.postimg.org/odg3t4s6r/9081481_orig.png" data-lightbox="gallery-1" data-title="<b>Bescherming (protection in Dutch) honors the coming-of-age story of two young girls in World War II Holland.</b>
<br>
<br>
Uniting from separate faiths, Nurit and Sietske became unlikely friends when Sietske's family agreed to hide Nurit, a young Jewish girl from Amsterdam, in their home in north Holland. Still active in their nineties, these two women - living across the world from one another - will virtually reunite via Skype to share their lifelong sisterhood of seventy years.
<br>
<br>
With supporting commentary from family and local historians, Nurit and Sietske reflect on the bond they formed while surviving in clandestine solidarity. In doing so, they remind future generations of the realities of the time and assert that faith, friendship and conversation are tools needed to ensure history does not repeat itself.
<br>
<br>
Summer 2014 Release
<br>
<br>
HD, 16:9
<br>
<br>
Filmed on Location in Israel, NYC and the Netherlands "><img src="http://s11.postimg.org/odg3t4s6r/9081481_orig.png"height="170" width="290" border="0"></a>
</head>
This is in the source code for your page. The problem is that <head> tag is inside of the <body> tag. And there is already a <head> tag at the top of the document. You cannot have 2 of these tags in a document and it cannot be inside of the <body> tag.
The second thing to note about that code is you include the jQuery file, but jQuery is already being included in your code (near the top of the source, inside of the first <head> tag). Including 2 copies of jQuery (and 2 different versions at that) causes conflict as well.
So to start you should replace that same block of code with this:
<script src="js/lightbox.min.js"></script>
<link href="css/lightbox.css" rel="stylesheet" />
<a href="http://s11.postimg.org/odg3t4s6r/9081481_orig.png" data-lightbox="gallery-1" data-title="<b>Bescherming (protection in Dutch) honors the coming-of-age story of two young girls in World War II Holland.</b>
<br>
<br>
Uniting from separate faiths, Nurit and Sietske became unlikely friends when Sietske's family agreed to hide Nurit, a young Jewish girl from Amsterdam, in their home in north Holland. Still active in their nineties, these two women - living across the world from one another - will virtually reunite via Skype to share their lifelong sisterhood of seventy years.
<br>
<br>
With supporting commentary from family and local historians, Nurit and Sietske reflect on the bond they formed while surviving in clandestine solidarity. In doing so, they remind future generations of the realities of the time and assert that faith, friendship and conversation are tools needed to ensure history does not repeat itself.
<br>
<br>
Summer 2014 Release
<br>
<br>
HD, 16:9
<br>
<br>
Filmed on Location in Israel, NYC and the Netherlands "><img src="http://s11.postimg.org/odg3t4s6r/9081481_orig.png"height="170" width="290" border="0"></a>
The only changes I made were to remove the opening and closing <head> tag (as it was duplicated and in the wrong place) and I removed the jQuery javascript include.
The next step is fixing your jQuery version. Near the top of your source code, inside of the <head> tag there is a javascript include for jQuery:
<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js'></script>
This is including version 1.7.2 from google's servers (not your server/FTP). This means you can't replace that file or its contents. If your iPage hosting does not in any way allow you to modify that area of the page or give you an option to select your jQuery version, you will have to manually edit this.
For this specific page you would log into your FTP and download the 'cinematography.html' file. There you can edit the entire source code of the page. In the source code of this file you would replace the jQuery line I just displayed with this:
<script src="js/jquery-1.11.0.min.js"></script>
Then you would re-upload the 'cinematography.html' file and reload the page. It should have the correct version of jQuery loaded now so lightbox can function properly. There is a small chance something else using the old version of jQuery might be affected, however I did not see anything in the source that would likely mess up.
Once you reach this point you should be nearly done. The width issue should be fixed and the box should be displaying as an overlay. The last step would be to alter the CSS to move the text beside the image. But I'll save that for after this. Once you have made those changes I'll walk you through editing the CSS to get the desired appearance.