.reportList{ width:100%; margin:0 auto;}
.reportList li{ float: left; display: block; width:98%; margin: 0px auto ;}
.reportList .item{ background-color: #f5f5f5; position: relative; display: block; padding: 25px 18px 14px; z-index:1}
.reportList .time{ font-size:12px;background: url(../images/time_ico.png) no-repeat scroll left center; padding-left: 22px; color: #999999; margin-bottom: 30px;}
.reportList .t{ color: #3e3e3e; font-size: 16px; height: 50px; overflow: hidden; margin-bottom: 12px;}
.reportList .down-btn{ border: 1px solid #e1e1e1; display: block; background: url(../images/pdf_i1.png) no-repeat scroll 5px center; padding-left: 40px; height: 36px; line-height: 36px; width: 150px; font-size:14px; -webkit-transition: 0.3s; -moz-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s;}
.reportList .filler2 { background-color: #e9a329; z-index: 5;}
.reportList .filler2-left { width: 1px; height: 0%; left: 0%; top: 0%;}
.reportList .filler2-right { width: 1px; height: 0%; right: 0%; bottom: 0%;}
.reportList .filler2-top { width: 0%; height: 1px; right: 0%; top: 0%; transition-delay: 0.3s; -webkit-transition-delay: 0.3s;}
.reportList .filler2-bottom { width: 0%; height: 1px; left: 0%; bottom: 0%; transition-delay: 0.3s; -webkit-transition-delay: 0.3s;}
.reportList .item:hover .filler2-left { height: 100%; }
.reportList .item:hover .filler2-right { height: 100%; }
.reportList .item:hover .filler2-top { width: 100%; }
.reportList .item:hover .filler2-bottom { width: 100%; }
.reportList .item:hover .down-btn{ background-color: #e9a329; color: #fff; background-image: url(../images/pdf_i2.png);}



.filler2 { position: absolute; display: block; -webkit-transition: 0.3s ease 0s; -moz-transition: 0.3s 0s; -o-transition: 0.3s 0s; transition: 0.3s 0s; }
.itemLink .filler2 { background-color: #b5c9e3; z-index: 5;}
.itemLink .filler2-left { width: 2px; height: 0%; left: 0%; top: 0%;}
.itemLink .filler2-right { width: 2px; height: 0%; right: 0%; bottom: 0%;}
.itemLink .filler2-top { width: 0%; height: 2px; right: 0%; top: 0%; transition-delay: 0.3s; -webkit-transition-delay: 0.3s;}
.itemLink .filler2-bottom { width: 0%; height: 2px; left: 0%; bottom: 0%; transition-delay: 0.3s; -webkit-transition-delay: 0.3s;}
.itemLink:hover .filler2-left { height: 100%; }
.itemLink:hover .filler2-right { height: 100%; }
.itemLink:hover .filler2-top { width: 100%; }
.itemLink:hover .filler2-bottom { width: 100%; }

@keyframes gelatine {
  from, to {
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
  }

  25% {
    -webkit-transform: scale(0.9, 1.1);
    transform: scale(0.9, 1.1);
  }

  50% {
    -webkit-transform: scale(1.1, 0.9);
    transform: scale(1.1, 0.9);
  }

  75% {
    -webkit-transform: scale(0.95, 1.05);
    transform: scale(0.95, 1.05);
  }

  from, to {
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
  }

  25% {
    -webkit-transform: scale(0.9, 1.1);
    transform: scale(0.9, 1.1);
  }

  50% {
    -webkit-transform: scale(1.1, 0.9);
    transform: scale(1.1, 0.9);
  }

  75% {
    -webkit-transform: scale(0.95, 1.05);
    transform: scale(0.95, 1.05);
  }
}
@-webkit-keyframes gelatine {
  from, to {
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
  }

  25% {
    -webkit-transform: scale(0.9, 1.1);
    transform: scale(0.9, 1.1);
  }

  50% {
    -webkit-transform: scale(1.1, 0.9);
    transform: scale(1.1, 0.9);
  }

  75% {
    -webkit-transform: scale(0.95, 1.05);
    transform: scale(0.95, 1.05);
  }

  from, to {
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
  }

  25% {
    -webkit-transform: scale(0.9, 1.1);
    transform: scale(0.9, 1.1);
  }

  50% {
    -webkit-transform: scale(1.1, 0.9);
    transform: scale(1.1, 0.9);
  }

  75% {
    -webkit-transform: scale(0.95, 1.05);
    transform: scale(0.95, 1.05);
  }
}