幻灯片模块求教！

<style>
.picTab { width:349px;position:relative;}
.picTab img { display:block; border:1px solid #e0e0e0}
.picTab h5 { width:349px;  line-height:38px; text-align:center; filter: alpha(opacity=70); -moz-opacity:0.7; opacity:0.7; background:#FFF; position:absolute; top:367px; left:0; }
.picTab h5 a { font-family:"微软雅黑"; font-size:20px; }
.picTab h5 a:hover { text-decoration:none; }
.picTit { width:352px; height:19px; overflow:hidden; border-top:2px solid #e03539; overflow:hidden; }
</style>

<div class="slidebox "><!--幻灯片开始-->
<div class="slideshow picTab">
[loop] <a href="{url}" {target} title="{title}"><img  src="{pic}" width="347px" height="403px" alt="{title}" />
<h5>{title}</h5></a>[/loop]</div>
<!--图片展示-->
<div class="picTit slidebar" mevent="mouseover" >
[loop1]<a href="{url}" {target} title="{title}"> <span>{currentorder}<span></span></a>[/loop1]

</div><!--幻灯片控制展示-->

</div><!--幻灯片结束-->

<script type="text/javascript">

runslideshow();

</script>

这是源代码我想实现这个效果。

H5标题代码居然不能变大。试过好多办法都不行，而且定位应该是403高，标题一加就超高了。
下面的切换数字居然加上UL和LI就无效，加上一个新DIV就也会无效，有时会莫名其妙的一切换数字就成竖排了。

求救 。

下面的数字怎么样能变在跟下面图一样的效果？

没人理我！