@charset "utf-8";
#wrapper{width: 1440px;}
body,div,span,h1,h2,h3,h4,h5,h6,p,img,dl,dt,dd,ol,ul,li,fieldset,figure,figcaption,
form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td {   
      margin: 0;
      padding:0;

      font-family: Microsoft Yahei;  }
 img{
      border: none; }
 .z{float:left;}
 .y{float:right;}

  /*banner结束*/ 
 /*正文*/
  .content{
       width: 100%; }


 .content-back{
       width:1200px;
       height: 1000px;
       margin:0 auto;
       /*margin-top: 20px;*/
       line-height: 24px;
       font-family:Microsoft Yahei; }      


  .detail{ 
       /*width:910px; */
       margin-top: 10px;
       /*margin-left: 160px;*/}   

.grid {
       position: relative;
       margin: 0 auto;
       max-width: 500px;
       list-style: none;
       text-align: center; }

/* Common style */
 .grid figure {
        position: relative;
        float: left;
        overflow: hidden;
        width: 500px;
        height: 300px;
        cursor: pointer;
        padding: 0;
        margin: 0; }

.grid figure img {
        position: relative;
        display: block;
        border-radius: 4px;
        behavior: url(../PIE-1.0.0/PIE.htc);
         }


figure.effect-lily img {
        max-width: none;
        width: -webkit-calc(100% + 20px);
        width: calc(100% + 20px);
        border-radius: 4px;
        -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
        transition: opacity 0.35s, transform 0.35s;
        -webkit-transform: translate3d(-20px,0, 0);
        transform: translate3d(-20px,0,0);
        behavior: url(../PIE-1.0.0/PIE.htc);
         }

figure.effect-lily figcaption {
        text-align: left; }

figure.effect-lily figcaption > div {
        position: absolute;
        bottom: 0;
        left: 0;
        padding: 60px 0 0 40px;
        width: 100%;
        height: 50%; }


 figure.effect-lily:hover img{
        transform: scale(1.4); }


figure.effect-lily:hover img{
        -moz-transform: translate3d(0,0,0);
        -o-transform: translate3d(0,0,0); 
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0); }       


/*分页*/
 .fenye {
         background: #fff;
         /*border-radius: 0.4px;*/
         counter-reset: pagination;
         /*text-align: center;*/
         padding-top: 80px;
         margin: 0 auto;
          }

 .fenye:after {
              content: "";
              display: table;
               }

 .fenye-1 ul {
                 width: 100%;
                 }

 .fenye-1 ul, li {
                 list-style: none;
                 }

.fenye-1 li {
  counter-increment: pagination;
  float: left;
  margin-left:4px;
       }
.fenye-1 li:hover a {
  color: #fff;
  background-color: #ee1b24;
  border: solid 1px #ee1b24;
}
.fenye-1 li.active a {
  color: #fff;
  background-color: #ee1b24;
  border: solid 1px #ee1b24;
}
.fenye-1 li:first-child a:after {
  content: "上一页";
}
.fenye-1 li:nth-child(2) {
  counter-reset: pagination;
}

.fenye-1 li:last-child a:after {
  content: "下一页";
}
.fenye-1 li a {
  border: solid 1px #c6c6c6;
  border-radius: 3px;
  color: #3c3c3c;
  text-decoration: none;
  text-transform: uppercase;
  display: inline-block;
  text-align: center;
  padding: 6px 13px;
  behavior: url(../PIE-1.0.0/PIE.htc);
       }
.fenye-1 li a:after {
  content: " " counter(pagination) " ";
}
.large {
         width: 600px;
          }
.large li a {
  display: none;
}
.large li:first-child a {
  display: inline-block;
}
.large li:first-child a:after {
  content: "上一页";
}
.large li:nth-child(2) a {
  display: inline-block;
}
.large li:nth-child(3) a {
  display: inline-block;
}
.large li:nth-child(4) a {
  display: inline-block;
}

.large li:last-child a {
  display: inline-block;
}
.large li:last-child a:after {
  content: "下一页";
}