.four{ width:996px; height:600px; background:url(img/bg2.png)}
.logo{ width:570px;}
.list{ width:940px; height:470px; background:url(img/twokuang.png) no-repeat; margin:0 auto; margin-top:30px; padding:10px; margin-left:20px;}
.listbg{ background:#f5e8e0; width:940px; height:470px; }
.list_left{ width:270px; height:470px; float:left;  background:url(img/shuileft.jpg) no-repeat;}
.list_left_title{ margin:20px 0 0 30px;}
.list_right{ width:670px; float:right; height:470px;  background:url(img/shuiright.jpg) no-repeat;}
.list_right_back{ width:100px; float:right; margin-top:10px;}
.list_right_wz{ width:630px; margin:0 auto; height:150px; margin-top:50px;}
.list_right_wz h1{ font-size:14px; line-height:26px;}
.list_right_wz p{ text-indent:2em; line-height:22px; font-size:13px;}
.list_right_lb{ width:640px; margin:0 auto; height:260px;}
.list_right_lb #changpage{ width:30px; float:left; height:200px;}
#pagelist{ width:600px; float:left;}
#pagelist ul{ margin:0; padding:0; margin-left:40px;}
#pagelist ul li{ float:left; list-style:none; margin:5px 30px 10px 0; width:150px; text-align:center;}

.bookstcdivcontent ul{ width:720px; height:auto; padding-left:20px; padding-top:15px; height:400px;}
.bookstcdivcontent ul li{ width:150px; height:150px;}
.bookstcdivcontent ul li img{ width:150px; height:130px;}
#p1{ text-align:center;}
/*-------弹窗---------*/
.bjdiv{background-color:#CCCCCC;width: 100%;height: 100%;left:0;top:0;/*FF IE7*/
filter:alpha(opacity=30);/*IE*/opacity:0.4;/*FF*/z-index:1;position:fixed!important;/*FF IE7*/position:absolute;/*IE6*/_top:expression(eval(document.compatMode &&document.compatMode=='CSS1Compat') ?documentElement.scrollTop + (document.documentElement.clientHeight-this.offsetHeight)/2 :/*IE6*/document.body.scrollTop + (document.body.clientHeight - this.clientHeight)/2);/*IE5 IE5.5*/}/*弹窗背景设置*/

.tcdiv{z-index:2;width:820px;height:400px;left:50%;/*FF IE7*/top:20%;/*FF IE7*/margin-left:-410px!important;/*FF IE7 该值为本身宽的一半 */margin-top:-60px!important;/*FF IE7 该值为本身高的一半*/margin-top:0px;position:fixed!important;/*FF IE7*/position:absolute;/*IE6*/_top:expression(eval(document.compatMode &&document.compatMode=='CSS1Compat') ?documentElement.scrollTop + (document.documentElement.clientHeight-this.offsetHeight)/2 :/*IE6*/document.body.scrollTop + (document.body.clientHeight - this.clientHeight)/2);/*IE5 IE5.5*/}
.tcdivcontent{ width:800px; height:480px; background:#fff3c8;}
.tcdivtop{ height:20px;}
.tcdivtop_right{ width:20px; height:20px; float:right; }
/*-------列表弹窗---------*/
.listbjdiv{background-color:#CCCCCC;width: 100%;height: 100%;left:0;top:0;/*FF IE7*/
filter:alpha(opacity=30);/*IE*/opacity:0.4;/*FF*/z-index:1;position:fixed!important;/*FF IE7*/position:absolute;/*IE6*/_top:expression(eval(document.compatMode &&document.compatMode=='CSS1Compat') ?documentElement.scrollTop + (document.documentElement.clientHeight-this.offsetHeight)/2 :/*IE6*/document.body.scrollTop + (document.body.clientHeight - this.clientHeight)/2);/*IE5 IE5.5*/}/*弹窗背景设置*/

.listtcdiv{z-index:2;width:770px;height:480px;left:50%;/*FF IE7*/top:20%;/*FF IE7*/margin-left:-385px!important;/*FF IE7 该值为本身宽的一半 */margin-top:-60px!important;/*FF IE7 该值为本身高的一半*/margin-top:0px;position:fixed!important;/*FF IE7*/position:absolute;/*IE6*/_top:expression(eval(document.compatMode &&document.compatMode=='CSS1Compat') ?documentElement.scrollTop + (document.documentElement.clientHeight-this.offsetHeight)/2 :/*IE6*/document.body.scrollTop + (document.body.clientHeight - this.clientHeight)/2);/*IE5 IE5.5*/}
.listtcdivcontent{ width:750px; height:480px; background:url(img/listbg.png) no-repeat;}
.listtcdivtop{ height:20px;}
.listtcdivtop_right{ width:20px; height:20px; float:right; }
 <!--弹窗-->
    <style type="text/css">
        .years
        {
            width: 120px;
        }
        .years-content
        {
            width: 120px;
            height: 100px;
        }
        .shmain_wz
        {
            height: 220px;
            width: 560px;
            margin-left: 60px;
            padding-top: 50px;
        }
        .shmain_wz p
        {
            text-indent: 2em;
            line-height: 22px;
            font-size: 13px;
        }
        .stepcarousel
        {
            overflow: scroll;
            width: 580px;
            position: relative;
            height: 140px;
            margin-left: 50px;
        }
        .stepcarousel .belt
        {
            left: 0px;
            position: absolute;
            top: 0px;
        }
        #displaycssbelt
        {
            visibility: hidden;
        }
        #stocklevels
        {
            visibility: hidden;
        }
        .stepcarousel .panel
        {
            float: left;
            margin: 0 10px 0 10px;
            overflow: hidden;
            width: 120px;
        }
        .stock
        {
            clear: both;
            font-size: 10px;
            padding-bottom: 5px;
            margin: 0px auto;
            width: 929px;
            color: #000;
            border-bottom: #000 1px dashed;
            font-family: arial, verdana, sans-serif;
            height: 10px;
            text-align: right;
        }
        
        
        .img-scroll
        {
            position: relative;
            margin: 20px 0 0 60px;
            width: 550px;
        }
        .img-scroll .prev, .img-scroll .next
        {
            position: absolute;
            display: block;
            width: 40px;
            height: 80px;
            top: 0;
            color: #FFF;
            text-align: center;
            line-height: 100px;
        }
        .img-scroll .prev
        {
            left: 0;
            cursor: hand;
        }
        .img-scroll .next
        {
            right: 0;
            cursor: hand;
        }
        .img-list
        {
            position: relative;
            width: 450px;
            height: 110px;
            margin-left: 45px;
            overflow: hidden;
        }
        .img-list ul
        {
            width: 9999px;
            margin: 0;
            padding: 0;
        }
        .img-list li
        {
            float: left;
            display: inline;
            width: 150px;
            margin-right: 10px;
            height: 110px;
            text-align: center;
        }
        .img-list li img
        {
            width: 150px;
            height: 90px;
        }
        .img-list li span
        {
            width: 110px;
            height: 90px;
            margin: 0;
            padding: 0;
        }
        .bookpic
        {
            width: 150px;
            height: 90px;
            display: block;
        }
        .bookname
        {
            width: 150px;
            height: 15px;
            overflow: hidden;
            display: block;
        }
        
        /*-------弹窗---------*/
        .bjdiv
        {
            background-color: #CCCCCC;
            width: 100%;
            height: 100%;
            left: 0;
            top: 0; /*FF IE7*/
            filter: alpha(opacity=30); /*IE*/
            opacity: 0.4; /*FF*/
            z-index: 1;
            position: fixed !important; /*FF IE7*/
            position: absolute; /*IE6*/
            _top: expression(eval(document.compatMode &&document.compatMode=='CSS1Compat') ?documentElement.scrollTop + (document.documentElement.clientHeight-this.offsetHeight)/2 :/*IE6*/document.body.scrollTop + (document.body.clientHeight - this.clientHeight)/2); /*IE5 IE5.5*/
        }
        /*弹窗背景设置*/
        
        .tcdiv
        {
            z-index: 2;
            width: 860px;
            height: 500px;
            left: 35%; /*FF IE7*/
            top: 10%; /*FF IE7*/
            margin-left: -150px !important; /*FF IE7 该值为本身宽的一半 */
            margin-top: -60px !important; /*FF IE7 该值为本身高的一半*/
            margin-top: 0px;
            position: fixed !important; /*FF IE7*/
            position: absolute; /*IE6*/
            _top: expression(eval(document.compatMode &&document.compatMode=='CSS1Compat') ?documentElement.scrollTop + (document.documentElement.clientHeight-this.offsetHeight)/2 :/*IE6*/document.body.scrollTop + (document.body.clientHeight - this.clientHeight)/2); /*IE5 IE5.5*/
        }
        .tcdivcontent
        {
            width: 860px;
            height: 500px;
            background: url(/pic/Folktale/searchbg.png) no-repeat;
        }
        .tcdivtop
        {
            height: 117px;
        }
        .tcdivtop_left
        {
            width: 97px;
            height: 117px;
            float: left;
            margin-left: 60px;
        }
        li{list-style:none;}
#p1 li {display:inline-block;margin:0 2px;padding:0;}
#p1 li .tanchuMBH{color:#F00;}
    #p1 li a {
        color:#Fff;
    }