*,::after,::before{box-sizing:border-box}

.opinion{width:100%; float:left;margin:70px auto 0; }
.opinionContainer{ width:80%; float: left; margin: 0 10% 40px;}
 .opinionContainer ul{list-style-type:none; padding: 0;margin:0; font-size:0;}
  .opinionContainer li{width:30.333333%;float: left; margin:0 1.5% 70px; display:inline-block; vertical-align:top}
.opinion-item{float:left; width:100%;margin: 0}
.opinion-item{opacity: 0;-moz-transform: translateY(20px);-ms-transform: translateY(20px);-webkit-transform: translateY(20px);transform: translateY(20px);-moz-transition: opacity .8s, -moz-transform .8s;-o-transition: opacity .8s, -o-transform .8s;-webkit-transition: opacity .8s, -webkit-transform .8s;transition: opacity .8s, transform .8s;}
.opinion-item.show {opacity: 1;-moz-transform: translateY(0);-ms-transform: translateY(0);-webkit-transform: translateY(0);transform: translateY(0);}
.opinion-box { width: 100%; float: left; overflow: hidden;position: relative;}
.opinion-box:hover {color:#ae8d30;text-decoration: none;}
.opinion-box .opinion-img {position: relative;overflow: hidden;}
.opinion-box .opinion-img img{width:100%;height: auto}
.opinion-box .opinion-img:after {content: " ";display: block;position: absolute;top: 0;bottom: 0;left: 0;right: 0;
    -webkit-transition: all 0.27s cubic-bezier(0.3, 0.1, 0.58, 1);-moz-transition: all 0.27s cubic-bezier(0.3, 0.1, 0.58, 1);
    -o-transition: all 0.27s cubic-bezier(0.3, 0.1, 0.58, 1);transition: all 0.27s cubic-bezier(0.3, 0.1, 0.58, 1);}
.opinion-box .opinion-img > img {-webkit-transition: all 0.3s cubic-bezier(0.3, 0.1, 0.58, 1);-moz-transition: all 0.3s cubic-bezier(0.3, 0.1, 0.58, 1);
    -o-transition: all 0.3s cubic-bezier(0.3, 0.1, 0.58, 1);transition: all 0.3s cubic-bezier(0.3, 0.1, 0.58, 1);margin:0;display:block}
.opinion-box:hover .opinion-img:after {background:rgba(0, 0, 0, 0.3)}
.opinion-box:hover .opinion-img > img {-moz-transform: scale(1.05);-o-transform: scale(1.05);-ms-transform: scale(1.05);transform: scale(1.05); }
.opinion-box .opinion-boxtitle{width: 100%;height:60px;overflow: hidden; margin-bottom:15px; padding:0 0 0 15px; box-sizing: border-box; display:block; text-align: left;font-size: 17px; letter-spacing:0.1em; line-height: 1.7em;font-weight: 500}
.opinion-box .opinion-boxinfo{width: 100%;margin:15px 0 0 0; display:block; text-align:right;font-size:14px;height: 20px;overflow: hidden}
.opinionall{float:left;width:100%;margin:0 0 70px;text-align: center}
.opinionall ul { margin:0; padding:0; list-style:none;} 
.opinionall li {margin:0 6px; padding:0;display: inline;text-align:center; line-height:2em;color:#000} 
.opinionall a {font-size:16px;text-decoration:none;padding:4px 16px;background-color:transparent;border-radius:15px;}
.opinionall a:hover{text-decoration: none;background-color: #cccccc;transition: 0.3s;border-radius:15px;}
.inpage a {text-decoration:none;background-color: #cccccc;border-radius:15px;}
.inpage a:hover {text-decoration: none} 
.opinion-title{width:100%; margin: 0;position:relative}
  .opinion-title:before{content:'';position:absolute;width:3px;height:16px;background:#ae8d30;top:6px;left:2px}
@media screen and (max-width: 1600px) {
.opinion{margin:65px auto 0; }
.opinionContainer{ width:88%; margin: 0 7.5% 30px;}
.opinionall{margin:0 0 50px}
}
@media screen and (max-width: 1200px) {
.opinion{margin:55px auto 0; }
.opinionall{margin:0 0 45px}
.opinionContainer{width:94%; margin: 0 3% 30px;}
.opinionContainer li{width: 30.33333333%; margin:0 1.5% 40px}
.opinion-box .opinion-boxinfo{font-size:13px}
}
@media only screen and (max-width: 980px) {
.opinion{margin:45px auto 0; }
.opinionContainer{width: 95%; margin: 0 2.5% 20px;}
 .opinionContainer li{width:46%; margin:0 2% 40px}
}
@media only screen and (max-width: 550px) {
.opinion{margin:30px auto 0; }
.opinionContainer{width:85%;margin: 0 7.5% 15px;}
 .opinionContainer li{width: 100%; margin:0 0 30px}
.opinionall{margin:0 0 25px}
.opinionall li {margin:0 2px; } 
.opinionall a {padding:4px 8px}
.opinion-box .opinion-boxtitle{height:auto;overflow:auto}
.opinion-box .opinion-boxinfo{height:auto;overflow:auto}	
}