.idea-item {
  width: 100%;
  height: 263px;
  margin: 0 auto 30px auto;
  position: relative; }
  .idea-item .img {
    width: 100%;
    height: 263px;
    position: relative; }
    .idea-item .idea-title {
      position: absolute;
      width: 493px;
      /* right: 0; */
      text-align: center;
      top: 80px;
      font-size: 32px;
      color: #5f5f5f;
      z-index: 1;
    }
    .idea-item.left .idea-title,
    .idea-item.left .idea-desc {
      left: 0;
    }
    .idea-item.right .idea-title,
    .idea-item.right .idea-desc {
      right: 0;
    }
    .idea-item .idea-desc {
      position: absolute;
      width: 493px;
      /* right: 0; */
      text-align: center;
      top: 120px;
      font-size: 18px;
      color: #5f5f5f;
      z-index: 1;
    }
    .idea-item .img.img1 {
      background: url(/img/idea-bg1.jpg?99a06024) no-repeat center center;
      background-size: cover; }
    .idea-item .img.img2 {
      background: url(/img/idea-bg2.jpg?41fc13d1) no-repeat center center;
      background-size: cover; }
    .idea-item .img.img3 {
      background: url(/img/idea-bg3.jpg?17a36ab1) no-repeat center center;
      background-size: cover; }
    .idea-item .img.img4 {
      background: url(/img/idea-bg4.jpg?112f6085) no-repeat center center;
      background-size: cover; }
    .idea-item .img.img5 {
      background: url(/img/idea-bg5.jpg?1645ca84) no-repeat center center;
      background-size: cover; }
    .idea-item .img.img6 {
      background: url(/img/idea-bg6.jpg?113f0a9a) no-repeat center center;
      background-size: cover; }
  .idea-item:hover .cover {
    opacity: 1; }
  .idea-item .cover {
    width: 540px;
    position: absolute;
    top: 0;
    height: 262px;
    opacity: 0;
    tranSform: opacity 1s; }
    .idea-item .cover.left {
      left: 0; }
    .idea-item .cover.right {
      right: 0; }
    .idea-item .cover.cover1 {
      background: url(/img/idea-icon1.png?c41b4f58) no-repeat center center; }
    .idea-item .cover.cover2 {
      background: url(/img/idea-icon2.png?0d80f78f) no-repeat center center; }
    .idea-item .cover.cover3 {
      background: url(/img/idea-icon3.png?ab24b11a) no-repeat center center; }
    .idea-item .cover.cover4 {
      background: url(/img/idea-icon4.png?5ca7f7f0) no-repeat center center; }
    .idea-item .cover.cover5 {
      background: url(/img/idea-icon5.png?1c92516e) no-repeat center center; }
    .idea-item .cover.cover6 {
      background: url(/img/idea-icon6.png?db1cd467) no-repeat center center; }
