如何在fotorama插件上使用colorbox？

Question

我试图使用带有data-nav =＆＃39;拇指的照片插件＆＃39;在大图像上使用彩色框。它看起来很有效，但我无法在颜色框中给出宽度或高度。

那是我的代码：

<div class='fotorama' data-nav='thumbs' data-width='100%' data-ratio='700/467' data-max-width='100%'>
    <div data-img='my_img' class='img-responsive' alt=''>
        <a class='color-box'  href='link_to_my_img'></a>
    </div>
</div>

这是jQuery：

<script type='text/javascript'>
jQuery(document).ready(function(){
    jQuery('.color-box').colorbox({ maxWidth: '10%', maxHeight: '10%', rel: '.color-box', current:''});
});
</script>

我设置为10％以便更好地查看图像的大小，但这个仍然太大了。有一个控制彩盒的解决方案吗？

谢谢！