jquery - How use colorbox on fotorama plugin? -

i'm trying use fotorama plugin data-nav='thumb' colorbox on big image. seems work, can't give width or height @ color box.

that's code:

<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> 

and jquery:

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

i've set 10% see better size of image, 1 still big. there solution take control of colorbox?

thanks!!