html,body{
    width:100%;
}
img{
    border:none;
}
body,div,h1,h2,h3,h4,h5,h6,a,input,form{
    text-decoration:none;
    margin:0;
    padding:0;
}
ul,li,dl,dt,dd{
    list-style:none;
    padding:0;
    margin:0;
}
h1{
    font-size:24px;
}
input{
    border:none;
}
a{
    cursor:pointer;
    color:black;
}
a:hover{
    color:#84060c;
}
body{
    font-size:18px;
    font-family:"Î¢ÈíÑÅºÚ","Microsoft YaHei";
    background:#f0efef;
}
.hidden{
    display:none;
}
.clear{
    clear:both;
}
.white{
    background: #f9f9f9;
}
.ui-menu-item .ui-corner-all{
    display:none;
}
.wrap{
    width:1190px;
    margin:0 auto;
}
/*header*/
.header{
    clear:both;
    height:200px;
    width:100%;
    background:#9c0b14;
}
.header .logo{
    width:610px;
    height:88px;
    display:block;
    background:url(/zb/r/cms/www/default/img/logo.png) 20px no-repeat;
    float:left;
    margin-top:60px;
}
.header .website{
    width:235px;
    height:30px;
    display:block;
    float:right;
    margin-top:20px;
    /*border:1px solid blue;*/
    overflow:hidden;
}
.header .website span{
    display:block;
    font-size:15px;
    color:#fff;
    float:left;
    height:30px;
    line-height:30px;
}
.header .website a{
    height:30px;
    float:left;
    padding-left:40px;
}
.linktel{
    background:url(/zb/r/cms/www/default/img/tel.png) no-repeat;
}
.linkema{
    background:url(/zb/r/cms/www/default/img/email.png) no-repeat;
}
.linkwec{
    background:url(/zb/r/cms/www/default/img/wechat.png) no-repeat;
}
.linktel:hover{
    background:url(/zb/r/cms/www/default/img/telh.png) no-repeat;
}
.linkema:hover{
    background:url(/zb/r/cms/www/default/img/emailh.png) no-repeat;
}



.nav{
    background:#84060c;
    height:60px;
    text-align:center;
    line-height:60px;
    font-size:20px;
    margin:0 auto;
    width:100%;
    font-weight:bold;
}
.nav dd{
    float:left;
}
.nav dd.on{
    background: #d0212c;
}
.nav dd a{
    display:block;
    color:#fff;
    width:148.75px;
    height:60px;
}
.nav dd a:hover{
    background:#d0212c;
}

/*footer*/
.footer{
    clear:both;
    border-top:1px solid #9c0b14;
    background:#dad9d9;
    height:200px;
    padding-top:5px;
    font-size:18px;
    color:#505050;
    margin-top:15px;
}
.footer a{
    color:#505050;
    font-size:18px;
}
.footer .code{
    float:left;
    width:325px;
    height:200px;
   /* margin-left:32px;*/
    background:#dad9d9;
    /* border-right:1px solid #e6e9ed;*/
}
.footer .code .img{
    width:116px;
    height:116px;
    margin:35px 0 0 0;
    float:left;
}
.footer .code .img img{
    width:100%;
    height:100%;
}
.footer .code .text{
    float:left;
    height:200px;
    line-height:200px;
    padding-left:20px;
    font-size:18px;
}
.footer .copyright{
    padding-top: 40px;
    text-align: right;
    padding-right: 20px;
    background: #dad9d9;
}
.footer .copyright div{
    margin-top:10px;
}
.footer .copyright span{
    margin-left:15px;
    font-size:18px;
}

.footer .copyright span span{
    margin-left:0;
}
/*notice*/
.notice{
    width:150px;
    position:fixed;
    top:135px;
    left:50%;
    margin-left:-668px;
}
.notice .title{
    background:#1763b1;
    height:40px;
    text-align:center;
    line-height:40px;
    font-size:16px;
    border-bottom:2px solid #d3ae22;
    color:#fff;
}
.notice .content{
    display:block;
    width:120px;
    height:150px;
    word-break:break-all;
    padding:15px;
    background:#f9f9f9;
    border:1px solid #e4e4e4;
    border-top:none;
    line-height:25px;
}
.notice .content p{
    margin:0;
}
/*index*/
.ileft{
    /*padding-top:6px;*/
    width:760px;
    float:left;
    margin-top:5px;
}
.iright{
    width:420px;
    float:right;
    overflow:hidden;
}
.ilist{
    width:100%;
}
.ilist dt{
    height:43px;
    line-height:43px;
    text-align: center;
    background:url(/zb/r/cms/www/default/img/bullet-title.png) no-repeat 0px center;
    padding-left:20px;
    border-bottom:1px solid #9c0b14;
    margin-top:20px;
}
.ilist dt span{
    float:left;
    font-size:22px;
}
.ilist dt .more{
    color:#999999;
    font-size:20px;
    float:right;
    /*margin-right:25px;*/
}
.ilist dt .more:hover{
    color:#84060c;
}
.ilist dt .subtitle{
    float:left;
    padding-left:25px;
    padding-top:12px;
}
.ilist dt .subtitle a {
    float: left;
    display: block;
    height: 19px;
    line-height: 19px;
    margin: 0 20px;
    text-align: center;
    font-size:20px;
}
.ilist dt .subtitle a:hover {
    color:#9c0b14;
}
.ilist dt .subtitle a.on{
    color:#9c0b14;
}
.ilist dd{
    line-height:47px;
    /*padding-left:20px;*/
}
.ilist dd .date{
    color:#8d8d8d;
    float:right;
    /*padding-right:15px;*/
    font-size:18px;
}
.ilist dd a{
    font-size:18px;
}
/*channel*/
.ilist dd .channel2{
    color:#015cb6;
}
.ilist dd .channel49{
    color:#ec9c51;
}
/*channel*/
/*news*/
.news{
    width:100%;
    height:400px;
    overflow:hidden;
}
.news .ilist{
    float:left;
    width:100%;
    height:400px;
}
/*focus*/
.focus{ 
    width:100%;
    height:400px;
    overflow:hidden;
    float:left;
}
.flexslider{
    position:relative;
    height:400px;
    overflow:hidden;
    }
.slides{
    position:relative;
    z-index:1;
    }
.slides li{
    height:274px;
    background-size:cover;
    background-position:center;
    background-repeat:no-repeat;
    }
.slides li div{
    position: absolute;
    bottom: 0px;
    background: rgba(0,0,0,0.7);
    width: 100%;
    overflow: hidden;
    color: #fff;
    font-size: 16px;
}
.slides li a {
    display:block;
    width: 206px;
    margin-left:8px;
    height:32px;
    line-height:32px;
    overflow: hidden;
    text-overflow:ellipsis; 
    white-space:nowrap;
    color: #fff;
    font-size: 16px;
}
.slides li a:hover{
    text-decoration:underline;
}
.flex-control-nav{
    position:absolute;
    bottom:0px;
    z-index:2;
    width:95px;
    text-align:right;
    margin: 0;
    right:0;
    padding:0;
    }
.flex-control-nav li{
    display:inline-block;
    width:24px;
    height:26px;
    margin:0px;
    margin-right:5px;
    *display:inline;
    zoom:1;}
.flex-control-nav a {
    text-align:center;
    display: inline-block;
    width: 24px;
    height: 20px;
    color: #fff;
    line-height: 20px;
    overflow: hidden;
    background: rgba(255,255,255,0.2);
    cursor: pointer;
}
.flex-control-nav .flex-active{
    background:rgba(246,144,11,0.8);
    }
.flex-direction-nav{
    position:absolute;
    z-index:3;
    width:100%;
    top:45%;
    }
.flex-direction-nav li a{
    display:block;
    width:50px;
    height:50px;
    overflow:hidden;
    cursor:pointer;
    position:absolute;
    }
.flex-direction-nav li a.flex-prev{
    left:40px;
    background:none;
    }
.flex-direction-nav li a.flex-next{
    right:40px;
    background:none;
    }
/*publicity*/
.zbgg,.jjgg,.xjbg{
    display:inline-block;
    width:726px;
    margin-top:10px;
    /*border: 1px solid red;*/
    padding:0 20px;
}
.xjbgs{
    display:inline-block;
    width:100%;
    margin:45px 0px 0px 80px;
}
.publicity{
    width:720px;;
    height:395px;
    overflow:hidden;
}
.publicityaaa{
    width:720px;;
    height:250px;
    overflow:hidden;
}
.dynamic,.exposure{
    width:380px;
    height:250px;
    overflow:hidden;
    margin-top:10px;
    float:left;
    padding:0 20px;
}
.exposure{
    margin-left:4px;
    position:relative;
}
.zcfg{
    margin-left:40px;
    position:relative;
}
.announcement{
    width:380px;
    height:396px;
    overflow:hidden;
    margin-top:14px;
    padding:0 20px;
}
.announcementaaa{
    width:380px;
    height:251px;
    overflow:hidden;
    margin-top:14px;
    padding:0 20px;
}
/*right*/
/*splitLine*/
.splitLine{
    width:0px;
    margin-top:16px;
    float:left;
}
.splitLine.h220{
    height:220px;
}
.splitLinew{
    border-bottom: 1px solid #f3f3f3;
}
.splitLinew.w376{
    width:376px;
}
.splitLinezb{
    border-bottom:1px solid #9c0b14;
}
.splitLinezb.w356{
    width:780px;
}
.ggbj{
    height:43px;
    line-height:43px;
    color:#9c0b14;
}
/*splitLine*/
.dlbk{
    border-bottom:1px solid #e4e4e4;
    height:400px;
}
/*welcome*/
.iwelcome{
    padding:15px 0px 0px 20px;
}
/*welcome*/
/*search*/
.isearch{
    height:64px;
    margin-left:10px;
}
.search .input{
    height:63px;
    float:left;
	line-height:63px;
}
.search .input span{
    display:none;
}
.search .input input{
    height:31px;
    line-height:31px;
    width:180px;
    padding-left:35px;
    border:1px solid #84060c;
    margin-top:0px;
    background: url("/zb/r/cms/www/default/img/text-search1.png") 5px center no-repeat;
}
.search .submit{
    height:63px;
    text-align:center;
	line-height:63px;
    float:left;
}
.search .submit input{
    height:34px;
    margin-top:0px;
    width:52px;
    border:1px solid #cbcbcb;
    border-left:none;
    background:#84060c;
    color:#ffffff;
}
.search .submit input:hover{
    background:#d0212c;
    border-color:#d0212c;
    cursor: pointer;
}
/*link*/
.link{
    margin-top:10px;
}
.link a{
    display:block;
    width:170px;
    height:70px;
    float:left;
    margin-left:15px;
}
.link1{
    background:url(/zb/r/cms/www/default/img/zjzc.png) no-repeat;
}
.link2{
    background:url(/zb/r/cms/www/default/img/gyszc.png) no-repeat;
}
.link1:hover{
    background:url(/zb/r/cms/www/default/img/zjzch.png) no-repeat;
}
.link2:hover{
    background:url(/zb/r/cms/www/default/img/gyszch.png) no-repeat;
}
/* rsearch*/
.rsearch{
    height:70px;
    clear:both;
    width:400px;
    padding:20px 0;
}
.risearch .input{
    float:left;
}
.risearch .input span{
    display:none;
}
.risearch .input input{
    height:38px;
    line-height:38px;
    width:260px;
    border:1px solid #dcdcdc;
    border-right:none;
    padding-left:40px;
    background: #ebeaea url("../img/search2.png") 10px center no-repeat;
}
.risearch .submit{
    text-align:center;
    float:left;
}
.risearch .submit input{
    height:40px;
    line-height:38px;
    width:72px;
    border:1px solid #84060c;
    border-left:none;
    background:#84060c;
    color:#ffffff;
    font-size:18px;
}
.risearch .submit input:hover{
    background:#d0212c;
    border-color:#d0212c;
    cursor: pointer;
}

/* rsearch*/
/*expert*/
.expert{
    overflow:hidden;
    margin: 10px 0px;
}
.expert a{
    display:block;
    width:376px;
    height:60px;
    margin:12px 0;
}
.expert1{
    background:url(/zb/r/cms/www/default/img/xnyhdl.png) no-repeat;
}
.expert2{
    background:url(/zb/r/cms/www/default/img/xwyhdl.png) no-repeat;
}
.expert3{
    background:url(/zb/r/cms/www/default/img/jzdddl.png) no-repeat;
}
.expert1:hover{
    background:url(/zb/r/cms/www/default/img/xnyhdlh.png) no-repeat;
}
.expert2:hover{
    background:url(/zb/r/cms/www/default/img/xwyhdlh.png) no-repeat;
}
.expert3:hover{
    background:url(/zb/r/cms/www/default/img/jzdddlh.png) no-repeat;
}
/*calendar*/
.calendar{
    width:100%;
    margin-top:10px;
    overflow:hidden;
}
.calendar .title{
    height:48px;
    line-height:48px;
    padding-left:16px;
    border:1px solid #e4e4e4;
    border-bottom:none;
}
.calendar .title b{
    float:left;
    font-size:16px;
}
.calendar .title select{
    width:60px;
    height:26px;
    float:right;
    border:1px solid #c5c5c5;
    margin:12px 12px 0 0;
    background:#ffffff;
}
.calendar .pre,.calendar .next{
        background:url(/zb/r/cms/www/default/img/calendar-right.png) no-repeat center;
        display:block;
        width:10px;
        height:15px;
        float:right;
        margin-top:16px;
        margin-right:10px;
}
.calendar .next:hover{
    background:url(/zb/r/cms/www/default/img/calendar-right-hover.png) no-repeat center;
}
.calendar .pre{
    background:url(/zb/r/cms/www/default/img/calendar-left.png) no-repeat center;
    margin-right:13px;
}
.calendar .pre:hover{
    background:url(/zb/r/cms/www/default/img/calendar-left-hover.png) no-repeat center;
}
.calendar table{
    width:100%;
    text-align:center;
    border-left:1px solid #e4e4e4;
    height:295px;
}
.calendar table th{
    background:#f1eced;
    height:31px;
    line-height:31px;
    color:#636363;
}
.calendar table td{
    height:33px;
    line-height:33px;
    border-bottom:1px solid #e4e4e4;
    border-right:1px solid #e4e4e4;
    border-top:1px solid #fff;
    border-left:1px solid #fff;
    background: #ffffff;
}
.calendar table td.on{
    background:#ffffff url(../img/calendar.png) no-repeat;
}
.calendar table td.today{
    border:1px solid #72b191;
    background-color:#f1feff;
}
.calendar table td.weekend{
/*  background:#f5fffa; */
/*  color:#a7a7a7; */
}
.calendar table td.disabled{
    background:#f8f8f8;
    color:#a7a7a7;
    border-top:1px solid #f8f8f8;
    border-left:1px solid #f8f8f8;
}
.calendar table td:hover{
    background-color:#fffcce;
    border:1px solid #ffce38;
}
/*weather*/
.weather{
    width:100%;
    height:93px;
    background:url(/zb/r/cms/www/default/img/weather-bg.jpg) no-repeat;
    margin-top:6px;
    overflow:hidden;
    border-right:1px solid #e4e4e4;
}
.weather .icon{
    margin:10px 0 0 12px;
    width:72px;
    height:72px;
    float:left;
}
.weather .icon img{
    width:100%;
    height:100%;
}
.weather .text{
    float:left;
    padding-left:20px;
}
.weather .text i{
    font-style:normal;
}
.weather .text span,.weather .text b{
    margin-right:10px;
}
.weather .text .date{
    margin-top:15px;
    line-height:30px;
}
.weather .text .temperature{
    font-weight:bold;
    line-height:30px;
}
.weather .text .temperature b{
    font-size:16px;
}
/*guide*/
.guide{
    width:100%;
    height:93px;
    margin-top:6px;
    position:relative;
}
.guide1,.guide2,.guide3{
    display:block;
    width:90px;
    height:93px;
    float:left;
    margin-right:3px;
    position:relative;
    background:url(/zb/r/cms/www/default/img/guide1.jpg) no-repeat;
}
.guide2{
    left:0.5px;
    background:url(/zb/r/cms/www/default/img/guide2.jpg) no-repeat;
}
.guide3{
    margin:0;
    left:1.5px;
    background:url(/zb/r/cms/www/default/img/guide3.jpg) no-repeat;
}
.guide1:hover{
    background:url(/zb/r/cms/www/default/img/guide1-hover.jpg) no-repeat;
}
.guide2:hover{
    background:url(/zb/r/cms/www/default/img/guide2-hover.jpg) no-repeat;
}
.guide3:hover{
    background:url(/zb/r/cms/www/default/img/guide3-hover.jpg) no-repeat;
}
/*commonDownload*/
.commonDownload{
    width:420px;
    height:395px;
    margin-top:15px;
    overflow:hidden;
    padding:0 20px;
}
.contactus{
    width:374px;
    /*border:1px solid #e4e4e4;*/
    height:250px;
    margin-top:50px;
    overflow:hidden;
}
/*commonDownload*/
/*bottomeryq*/
.bottomerbg{
    width:100%;
    clear:both;
    /*height:250px;*/
    margin-top:10px;
    overflow:hidden;
}
.bottomeryq{
    width:100%;
    clear:both;
    height:100px;
    line-height:100px;
    margin-top:15px;
}
.bottomeryq .title{
    height:100px;
    float:left;
    /*background:#9c0b14;*/
    background:url(/zb/r/cms/www/default/img/bullet-title.png) no-repeat 20px center;
    color: #9c0b14;
    text-align:left;
    font-size:22px;
    line-height:100px;
    padding-left:40px;
}
.bottomeryq .select{
    height:44px;
    float:left;
    padding-left:20px;
}
.bottomeryq .select select{
    height:40px;
    line-height:40px;
    width:240px;
    padding-left:10px;
    border:1px solid #dcdcdc;
    font-size:18px;
}
/*bottomeryq*/
/*email*/
.email{
    width:100%;
    border:1px solid #e4e4e4;
    height:77px;
    padding-top:18px;
    margin-top:6px;
    font-size:14px;
    overflow:hidden;
    background:#f9f9f9 url(/zb/r/cms/www/default/img/email.png) 22px 25px no-repeat;
}
.email div{
    margin-left:128px;
    height:30px;
    line-height:30px;
}
/*list*/
.lleft{
    margin-top:6px;
    width:255px;
    height:721px;
    float:left;
    margin-bottom:6px;
    border:1px solid #e4e4e4;
    background:#f9f9f9;
/*  background:url(/zb/r/cms/www/default/img/list-bg.png) bottom no-repeat; */
}
.lright{
    margin-top:6px;
    width:925px;
    float:right;
    overflow:hidden;
    min-height:721px;
    margin-bottom:50px;
    border:1px solid #e4e4e4;
    background:#f9f9f9;
}
.cright{
    width:850px;
    min-height:641px;
    padding:50px 38px 30px 38px;
}
/*left*/
.lleft dl dt{
    height:56px;
    line-height:56px;
    text-align:left;
    color:#fff;
    font-size:16px;
    font-weight:bold;
    background:#84060c;
    padding-left:90px;
}
.lleft dl dd{
    height:58px;
    line-height:58px;
    text-align:left;
    font-size:16px;
    background:#f9f9f9;
    border:1px solid #e4e4e4;
}
.lleft dl dd.on{
    height:58px;
    line-height:58px;
    text-align:left;
    font-size:16px;
    font-weight:bold;
/*  background:#fff; */
}
.lleft dl dd.on a{
    color:#84060c;
    padding-left:35px;
    background:url(/zb/r/cms/www/default/img/bullet-list-left.png) no-repeat left center;
}
.lleft dl dd a{
    margin-left:60px;
    padding-left:35px;
}
.lleft dl dd a:hover{
    color:#84060c;
}
/*search*/
.lleft .search{
    background:#fafafa;
    height:64px;
}
.lleft .search .input input{
    width:165px;
    *width:143px;
    border-color:#84060c;
}
.lleft .search .submit input{
    border-color:#84060c;
}
.lleft .search .submit input:hover{
    background-color:#d0212c;
}
/*right*/
.llist{
    width:100%;
    min-height: 638px;
}
.llist.about{
    min-height: 0px;
    padding:0px 35px 0px 0px;
}
.llist dt{
    height:70px;
    line-height:70px;
    padding-left:35px;
    font-size:20px;
    font-weight:bold;
    background:#f9f9f9 url(../img/bullet-title_heighter.png) no-repeat 18px center;
    border-bottom:1px solid #efefef;
    margin-bottom:21px;
}
.llist dt span{
    margin-right:20px;
    font-size:13px;
    color:#7d7d7d;
}
.llist dt span a{
    color:#7d7d7d;
    font-weight: normal;
}
.llist dt span a:hover{
    color:#1763b1;
}
.llist dd{
    padding-left:38px;
    padding-right:18px;
    line-height:47px;
    border-bottom:1px dashed #d2d2d2;
    position:relative;
    background: #f9f9f9 url(/zb/r/cms/www/default/img/bullet-list-right.png) 15px center no-repeat;
}
.llist dd .date{
    color:#8d8d8d;
    float:right;
}
.lpage{
    height:80px;
    line-height:80px;
    text-align:center;
    background: #f9f9f9;
}
.lpage a[disabled="disabled"]{
    cursor:default;
    color:#7c7c7c;
}
/*content*/
.ctitle h1{
    line-height:40px;
    text-align:center;
}
.ctitle .info{
    text-align:center;
    padding:20px 0 30px 0;
    margin-bottom:20px;
    border-bottom:1px dashed #d2d2d2;
    font-size:12px;
    color:#8d8d8d;
}
.ctitle .info i{
    font-style:normal;
    margin:0 10px;
}
.ccontent{
    min-height: 379px;
}
.cattach{
    clear:both;
    margin:40px 0;
    border-bottom:1px dashed #d2d2d2;
}
/*contact*/
/*.about{
    margin:6px;
    min-height:590px;
    padding:10px 35px 40px 35px;
    border:1px solid #e4e4e4;
}*/
.about{
    width:925px;
    min-height:671px;
    padding:0px 0px 0px 0px;
}
.about h1{
    height:80px;
    line-height:80px;
}
.about .map{
    
    padding-bottom: 20px;
/*  padding:10px 0; */
/*  border-top:1px dashed #d2d2d2; */
}
.about .acontact{
    padding-left:40px;
    line-height:32px;
/*  border-top:1px dashed #d2d2d2; */
}
.about .acontact table{
    margin-top:30px;
    border-top: 1px dashed #d2d2d2;
}
.about .acontact table td.gjxl{
    padding-top:30px;
    padding-left: 15px;
    font-size: 16px;
    background: url("/zb/r/cms/www/default/img/bullet-list-right.png") left 45px no-repeat;
}
.about .acontact span{
    margin-right:20px;
}
/*search*/
.qsearch{
    margin:6px;
    border:1px solid #e4e4e4;
}
.search_msg{
    padding-left:32px;
    line-height:40px;
}
/*guestbook*/
.guestbook{
    padding:10px 40px 0 40px;
    width:701px;
    min-height:721px;
}
.guestbook h1{
    height:80px;
    line-height:80px;
    border-bottom:1px dashed #d2d2d2;
}
.guestbook td{
    height:42px;
}
.guestbook table{
    width:100%;
    margin-top:20px;
}   
.guestbook .text{
    line-height:42px;
    width:90px;
}
.guestbook .input input{
    width:190px;
    height:32px;
    padding:0 10px;
    line-height:32px;
    border:1px solid #d2d2d2;
}
.guestbook .select select{
    width:210px;
    height:32px;
    line-height:32px;
    border:1px solid #d2d2d2;
}
.guestbook .text-textarea{
    height:126px;
}
.guestbook .textarea textarea{
    width:575px;
    height:76px;
    padding:10px;
    line-height:24px;
    border:1px solid #d2d2d2;
}
.guestbook .code input{
    width:190px;
    height:32px;
    padding:0 10px;
    line-height:32px;
    border:1px solid #d2d2d2;
}
.guestbook .code img{
    margin-left:20px;
    border:1px solid #d2d2d2;
    margin-top:10px;
    height:32px;
}
.guestbook .submit{
    height:60px;
}
.guestbook .submit input{
    margin-left:90px;
    width:210px;
    height:34px;
    line-height:32px;
    font-size:16px;
    background:#1763b1;
    color:#fff;
    border:1px solid #1763b1;
}
/*index-start*/

.ywj{
    height:35px;
    width:40px;
    line-height:35px;
    display:block;
    background: url("/zb/r/cms/www/default/img/ywj.png") no-repeat center center;
}
.background_attachment{
    height:48px;
    width:48px;
    background: url("/zb/r/cms/www/default/img/img_attachment.png") no-repeat center center;
}
/**-------------------------·ÖÒ³ ¿ªÊ¼-------------------**/
.table.table-page {
    width: 100%;
    height: 30px;
}
.table.table-page input.form-control{
    border:1px solid #c8cccf;
}
.page-sep {
    float: left;
    height: 24px;
    border-left: 1px solid #ccc;
    border-right: 1px solid #fff;
    margin: 3px 1px;
}

.btn {
    vertical-align: middle;
}
.btn.btn-page {
    height: 18px;
    width: 18px;
    border: 0px;
}
.btn.btn-paget {
    height: 18px;
    border: 0px;
}

.btn.btn-page.btn-first {
    border: 0px;
    background: url('/zb/r/cms/www/default/img/btn_first.png') no-repeat center center;
    cursor: pointer;
}

.btn.btn-page.btn-first:hover {
    background: url('/zb/r/cms/www/default/img/btn_first_hover.png') no-repeat center center;
}

.btn.btn-page.btn-first-disabled {
    cursor: default;
    background: url('/zb/r/cms/www/default/img/btn_first_disabled.png') no-repeat center center;
}

.btn.btn-page.btn-pre {
    background: url('/zb/r/cms/www/default/img/btn_pre.png') no-repeat center center;
    cursor: pointer;
}

.btn.btn-page.btn-pre:hover {
    background: url('/zb/r/cms/www/default/img/btn_pre_hover.png') no-repeat center center;
}
.btn.btn-page.btn-pre-disabled {
    cursor: default;
    background: url('/zb/r/cms/www/default/img/btn_pre_disabled.png') no-repeat center center;
}

.btn.btn-page.btn-next {
    background: url('/zb/r/cms/www/default/img/btn_next.png') no-repeat center center;
    cursor: pointer;
}

.btn.btn-page.btn-next:hover {
    background: url('/zb/r/cms/www/default/img/btn_next_hover.png') no-repeat center center;
}

.btn.btn-page.btn-next-disabled {
    cursor: default;
    background: url('/zb/r/cms/www/default/img/btn_next_disabled.png') no-repeat center center;
}

.btn.btn-page.btn-last {
    background: url('/zb/r/cms/www/default/img/btn_last.png') no-repeat center center;
    cursor: pointer;
}

.btn.btn-page.btn-last:hover {
    background: url('/zb/r/cms/www/default/img/btn_last_hover.png') no-repeat center center;
}

.btn.btn-page.btn-last-disabled {
    cursor: default;
    background: url('/zb/r/cms/www/default/img/btn_last_disabled.png') no-repeat center center;
}

.btn.btn-page.btn-goto {
    background: url('/zb/r/cms/www/default/img/btn_goto.png') no-repeat center center;
    cursor: pointer;
}

.btn.btn-paget.btn-pre {
    background: url('/zb/r/cms/www/default/img/btn_pre.png') no-repeat left center;
    cursor: pointer;
}

.btn.btn-paget.btn-pre:hover {
    background: url('/zb/r/cms/www/default/img/btn_pre_hover.png') no-repeat left center;
}

.btn.btn-paget.btn-next {
    background: url('/zb/r/cms/www/default/img/btn_next.png') no-repeat left center;
    cursor: pointer;
}

.btn.btn-paget.btn-next:hover {
    background: url('/zb/r/cms/www/default/img/btn_next_hover.png') no-repeat left center;
}