<style type="text/css">
        body
        {
            font-size: 12px;
            color: #333;
        }
        #picBox
        {
            width: 206px;
            height: 205px;
            margin: 0px auto;
            overflow: hidden;
            position: relative;
        }
        #picBox ul#show_pic
        {
            margin: 0;
            padding: 0;
            list-style: none;
            height: 205px;
            width: 305px;
            position: absolute;
        }
        #picBox ul#show_pic li
        {
            float: left;
            margin: 0;
            padding: 0;
            height: 205px;
        }
        #picBox ul#show_pic li img
        {
            display: block;
        }
        #icon_num
        {
            position: absolute;
            bottom: 0px;
            right: 10px;
        }
        #icon_num li
        {
            float: left;
            width: 15px;
            height: 15px;
            list-style: none;
            background-color: Black;
            color: #39F;
            text-align: center;
            cursor: pointer;
            padding: 0;
            margin: 0;
            margin-right: 5px;
        }
        #icon_num li:hover, #icon_num li.active
        {
            color: #fff;
        }
        #picBox_top
        {
            width: 206px;
            height: 205px;
            margin: 0px auto;
            position: relative;
            overflow: hidden;
        }
        #picBox_top ul#show_pic_top
        {
            margin: 0;
            padding: 0;
            list-style: none;
            height: 205px;
            width: 206px;
            position: absolute;
        }
        #picBox_top ul#show_pic_top li
        {
            float: left;
            margin: 0;
            padding: 0;
            height: 205px;
        }
        #picBox_top ul#show_pic_top li img
        {
            display: block;
        }
        #icon_num_top
        {
            position: absolute;
            bottom: 0px;
            right: 10px;
        }
        #icon_num_top li
        {
            float: left;
            width: 15px;
            height: 15px;
            list-style: none;
            color: #39F;
            text-align: center;
            cursor: pointer;
            padding: 0;
            margin: 0;
            margin-right: 5px;
        }
        #icon_num_top li:hover, #icon_num_top li.active
        {
            color: #fff;
        }
    </style>

    <div>
        <div id="picBox">
            <ul id="show_pic" style="left: 0;">
                <li><a href="images/full/001.jpg">
                    <img src="images/full/001.jpg" alt="Image 001" /></a></li>
                <li><a href="images/full/002.jpg">
                    <img src="images/full/002.jpg" alt="Image 002" /></a></li>
                <li><a href="images/full/003.jpg">
                    <img src="images/full/003.jpg" alt="Image 003" /></a></li>
                <li><a href="images/full/004.jpg">
                    <img src="images/full/004.jpg" alt="Image 004" /></a></li>
                <li><a href="images/full/005.jpg">
                    <img src="images/full/005.jpg" alt="Image 005" /></a></li>
            </ul>
        </div>
        <div id="num&qu