Image 内容未出现在colorbox和移动响应colorbox中？

我正在使用一个响应图像滑块，我试图将其放在一个颜色框中，但是首先当颜色框弹出时，它会打开一个空白的小内容框，我希望图像滑块出现在颜色框中。内容在我的站点上的colorbox live中打开得很好，所以我不明白为什么我不能在fiddle中复制它

其次，随着浏览器窗口的缩小，colorbox似乎无法调整其大小，这是可以更改的吗？我尝试在colorbox.js中将max height和max width设置为100%，但这没有任何区别

我昨天花了大部分时间试图解决这个问题，但到目前为止运气不好，所以如果您能提供任何帮助，我将不胜感激

HTML：

<a class="colorbox-link fade_hov" href="#port1">Click to open colorbox</a>

<div style="display: none;">
                            <div id="port1">
<div>     
    <div id='ninja-slider'>
        <ul>
            <li><div data-image="http://www.yourdesignpartner.co.uk/dev/wp-content/themes/colorroom/ninja-slider/img/md/1.jpg"></div></li>
            <li><div data-image="http://www.yourdesignpartner.co.uk/dev/wp-content/themes/colorroom/ninja-slider/img/md/2.jpg"></div></li>
            <li><div data-image="http://www.yourdesignpartner.co.uk/dev/wp-content/themes/colorroom/ninja-slider/img/md/3.jpg"></div></li>
            <li><div data-image="http://www.yourdesignpartner.co.uk/dev/wp-content/themes/colorroom/ninja-slider/img/md/4.jpg"></div></li>
            <li><div data-image="http://www.yourdesignpartner.co.uk/dev/wp-content/themes/colorroom/ninja-slider/img/md/5.jpg"></div></li>
        </ul>
    </div>
   </div>

CSS和JS在这个提琴中链接到外部，而没有颜色框，正如您所看到的，颜色框是响应的

---

因此，我只需要一种方法，可以单击一个链接，在弹出窗口中打开滑块，如果有任何其他选项或可能有移动响应灯箱，请告诉我。

使用fancybox而不是colorbox，它似乎完全响应移动，所以问题解决了