首页轮换图片 不正常 ，求帮助

我的浏览器 是IE 10
我用的是官方自带的模板

本来想用 帖子图文幻灯片  如下图


但是出来的效果是

这个不是我想要的 ，因为我想要 上面的数字 和 标题 位置对调下 ，于是我用下面的代码



具体代码如下

<style type="text/css">
.hd { position:relative; width:300px;}
.hd .slideshow { height:250px; overflow:hidden }
.hd .bignews_btns { position:absolute; bottom:0; z-index:2; left:0; height:40px; color:#FFF}
.hd .slidebar { position:absolute; left:0px; bottom:6px; width:auto}
.hd .banner em { padding:5px 12px; background:#E3F3FA; border:#ccc 1px solid; z-index:3; margin-right:2px; color:#000}
.hd .banner em.on { cursor：pointer;background: #06F; color:#FFF; font-weight:bold}
.hd .slideother { width:300px; height:36px; line-height:16px; color:#FFF; position:absolute; bottom:210; left:10px; overflow:hidden}
.hd .slideother a { color:#FFF;}
.hd .cr180_tmbg { height:25px; width:100%; position:absolute; bottom:225px; left:0; z-index:1; background:#000; opacity: 0.5; filter: alpha(opacity=50); }
.hd .banner em.a{cursor：pointer;}
</style>
<div class="slidebox hd">
    <div class="cr180_tmbg"></div>  
   <div class="bignews_btns">
        <div class="desc slideother" style="bottom: 210px;">
         [loop2]
                    <a href="{url}" {target}>{title}</a>
         [/loop2]
      </div>
   </div>
   <div class="slideshow">
       [loop]
        <a href="{url}" {target}><img src="{pic}" width="{picwidth}"   height="{picheight}" /></a>
       [/loop]
   </div>
   <div class="banner">
         <div class="btns slidebar" style="left:15px;cursor:pointer;">                           
         [loop1]
         <em><a>{currentorder}</a></em>
         [/loop1]
         </div>
   </div>
</div>
<script type="text/javascript">
runslideshow();
</script>

出现以下的效果 ，正是我想要的效果



但是问题来了 ，有时候 会出现以下的错误 ，请热心朋友 帮忙，真的非常感谢了


看看 问题出在什么地方？ 或者有这样效果的代码 发一个给我，不胜感激 ，可以付费

学习了,支持.

求问那个轮换模块怎么添加的？

学习了,支持.