Twitter bootstrap 如何将旋转木马的箭头从div中取出？

在这里，我应用了旋转木马，但箭头与图像重叠。如何重新选择？ 我已尝试使用以下代码移动箭头：

.carousel-control.left, .carousel-control.right {
background: none;
color: @red;
border: none;
 }

     .carousel-control.left {margin-left: -45px; color: black;}
     .carousel-control.right {margin-right: -45px; color: black;}

---

但是我的问题和images div也滑到了-860宽的左侧和860宽的右侧，比设计看起来像是图像和箭头重叠。如何解决？

我们必须修改carousal like的脚本

this.options.controls && this._slides.length > 1) {
   carousel.prev('div').find('.controls.left').on('click', function(){
    that._slideTo('prior');
      });

---

像在这个小提琴图像是交叉箭头与div