محتوای درون col یا ستون به وسط نمیاد

[RIG000]

اول اینکه بگم من یه سطر و یه ستون با بوت استرپ ساختم
دوم اینکه یه اسلاید شو دانلود کردم و گذاشتم وسط این ستون.
اما اسلاید شو align نش left گویا و من نمیدونم چه جوری تو کد دس ببرم. یعنی متوجه نشدم کدوم قسمتشه!!
در ضمن من center-block و text-center رو با بوت استراپ زدم و حتی pull-right این کلاس ها جواب ندادن. مشکل از خود استایل این اسلایدر هست. کدهاشو گذاشتم

<div id="slider1_container" style="position: relative; width: 600px;
height: 300px; overflow: hidden;">

<!-- Loading Screen -->
<div u="loading" style="position: absolute; top: 0px; left: 0px;">
<div style="filter: alpha(opacity=70); opacity:0.7; position: absolute; display: block;
background-color: #000; top: 0px; left: 0px;width: 100%;height:100%;">
</div>
<div style="position: absolute; display: block; background: url(../img/loading.gif) no-repeat center center;
top: 0px; left: 0px;width: 100%;height:100%;">
</div>
</div>

<!-- Slides Container -->
<div u="slides" style="cursor: move; position: absolute; left: 0px; top: 0px; width: 600px; height: 300px;
overflow: hidden;">
<div>
<a u=image href="#"><img src="../img/landscape/01.jpg" /></a>
<div u=caption t="*" class="captionOrange" style="position:absolute; left:20px; top: 30px; width:300px; height:30px;">
slideshow transition twins
</div>
</div>
<div>
<a u=image href="#"><img src="../img/landscape/02.jpg" /></a>
<div u=caption t="*" class="captionOrange" style="position:absolute; left:20px; top: 30px; width:300px; height:30px;">
random caption transition
</div>
</div>
<div>
<a u=image href="#"><img src="../img/landscape/03.jpg" /></a>
<div u=caption t="*" class="captionOrange" style="position:absolute; left:20px; top: 30px; width:300px; height:30px;">
mobile ready, touch swipe
</div>
</div>
<div>
<a u=image href="#"><img src="../img/landscape/04.jpg" /></a>
<div u=caption t="*" class="captionOrange" style="position:absolute; left:20px; top: 30px; width:300px; height:30px;">
responsive, scale smoothly
</div>
</div>
</div>