* {
  padding: 0;
  margin: 0;
  outline: none;
  word-wrap: break-word; }

h1, h2, h3, h4, h5, h6 {
  font-size: 100%;
  font-weight: normal; }

li {
  list-style: none; }

i {
  font-style: normal; }

a {
  text-decoration: none; }

img {
  display: block;
  border: 0 none; }

input {
  border: none; }

input:focus, textarea:focus {
  outline: none; }

.clearFix {
  *zoom: 1; }

.clearFix:after {
  content: "";
  height: 0;
  visibility: hidden;
  display: block;
  clear: both; }

html {
  position: relative;
  overflow-x: hidden;
  -ms-overflow-x: hidden;
  overflow-y: scroll;
  -ms-overflow-y: scroll;
  min-width: 1200px; }

body {
  font: 14px "Microsoft YaHei", "Arial" !important;
  background: #fdfbee; }

.header {
  position: relative;
  width: 100%;
  height: auto; }

.contentArea {
  position: relative;
  width: 69.8370993169%;
  height: auto;
  margin: -16.2900683132% auto 10.5097214924%; }
  .contentArea > .worksBg {
    position: relative; }
  .contentArea > .title {
    position: absolute;
    top: 5.1875%;
    left: 50%;
    margin-left: -10.3837471783%;
    width: 20.7674943567%;
    height: auto; }
  .contentArea > .mainCont {
    position: absolute;
    top: 12.5%;
    left: 50%;
    margin-left: -38.374717833%;
    width: 76.7494356659%;
    overflow: hidden;
    z-index: 999; }
    .contentArea > .mainCont > .worksList {
      width: 100%; }
      .contentArea > .mainCont > .worksList > li {
        float: left;
        width: 30.8823529412%;
        margin: 0 0.9803921569% 4.9019607843% 0.9803921569%; }
        .contentArea > .mainCont > .worksList > li > a {
          display: block;
          width: 100%;
          height: 100%; }
          .contentArea > .mainCont > .worksList > li > a > .video-box {
            width: 100%;
            height: 85.5769230769%;
            margin-bottom: 1.9047619048%;
            overflow: hidden; }
            .contentArea > .mainCont > .worksList > li > a > .video-box > img {
              width: 100%;
              height: 100%;
              -webkit-transition: all 0.5s;
              transition: all 0.5s; }
              .contentArea > .mainCont > .worksList > li > a > .video-box > img:hover {
                -webkit-transform: scale(1.1);
                transform: scale(1.1); }
          .contentArea > .mainCont > .worksList > li > a > .list-title {
            color: #494748;
            font-size: 18px;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap; }

#autoBody.m .worksList .list-title {
  font-size: 18px; }

#autoBody.s .worksList .list-title {
  font-size: 16px; }

.mainCont > .pageBar {
  width: 100%;
  height: 30px;
  text-align: center;
  margin-bottom: 150px; }

.mainCont #Pagination {
  display: inline-block;
  #display: inline;
  #zoom: 1;
  margin-right: 5px; }

.mainCont .searchPage {
  display: inline-block;
  #display: inline;
  #zoom: 1; }

.mainCont .pagination > a {
  display: inline-block;
  #display: inline;
  #zoom: 1;
  width: 30px;
  height: 30px;
  line-height: 30px;
  margin-right: 5px;
  text-align: center;
  color: #333; }

.mainCont .pagination > a:hover {
  background: #ccc; }

.mainCont .pagination > a.current {
  background: #c80000;
  color: #fff; }

.mainCont .pagination > a.prev {
  width: 60px;
  background: none;
  color: #333; }

.mainCont .pagination > a.prev:hover {
  background: #ccc; }

.mainCont .pagination > a.next {
  width: 60px;
  background: none;
  color: #333; }

.mainCont .pagination > a.next:hover {
  background: #ccc; }

.mainCont .pagination-break {
  display: inline-block;
  #display: inline;
  #zoom: 1;
  width: 30px;
  height: 30px;
  line-height: 30px;
  margin-right: 5px;
  text-align: center; }

/*# sourceMappingURL=worksList.css.map */