.opinion-container{width:1200px;  margin:0 auto 50px auto;}
.opinion-detail .opinion-pic{width:100%; margin-bottom:30px;position:relative;overflow:hidden;}
.opinion-pic{opacity: 0;-moz-transform: translateY(30px);-ms-transform: translateY(30px);-webkit-transform: translateY(30px);transform: translateY(30px);-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-pic.show {opacity: 1;-moz-transform: translateY(0);-ms-transform: translateY(0);-webkit-transform: translateY(0);transform: translateY(0);}
.opinion-detail .opinion-pic>a{display:block}
.opinion-detail .opinion-pic img{max-width:100%;height:auto; margin:0;display:block; text-align:left}
.opinion-detail .opinion-pic .caption{bottom:15px;left:15px;margin:15px;padding:10px 15px;background-color:rgba(0,0,0,.3);zoom:1;filter:alpha(opacity=0);-webkit-opacity:0;-moz-opacity:0;opacity:0;z-index:0;position:absolute;text-align:left;-webkit-transform:translateY(10px);-moz-transform:translateY(10px);-ms-transform:translateY(10px);-o-transform:translateY(10px);transform:translateY(10px);-webkit-transition-duration:.2s;-moz-transition-duration:.2s;-o-transition-duration:.2s;transition-duration:.2s;font-size:16px;color:#000;margin:0}
.opinion-detail .opinion-pic .caption a{color:#fff}
.opinion-detail .opinion-pic .caption a:after{background-color:#fff}

.opinionwrap{width: 100%; float: left; margin: 170px 0 0}
.opiniondt-title{width:100%; float:left;margin:0 0 25px 0;font-weight:500;}
.opiniondt-title h1{margin:0; font-size:30px;line-height: 1.5em;}
.opiniondt-subtitle{width: 100%;float: left; margin-bottom:20px;}
.subtitlebox{width:100%;text-decoration: underline;text-underline-offset:10px;text-decoration-thickness: 1px;text-decoration-color:#9e9a6d;font-weight:700;}
.video-content{width:100%; margin:0 0 35px 0;}
.video-content{opacity: 0;-moz-transform: translateY(30px);-ms-transform: translateY(30px);-webkit-transform: translateY(30px);transform: translateY(30px);-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;}
.video-content.show {opacity: 1;-moz-transform: translateY(0);-ms-transform: translateY(0);-webkit-transform: translateY(0);transform: translateY(0);}
.video-container {position: relative;padding-bottom: 56.25%;padding-top: 30px;height: 0;overflow: hidden; }
.video-container iframe,
.video-container object,
.video-container embed {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.video-container img{max-width:100%;height: auto} 
.daterow{width: 100%;float: left;color: #717070;}
.opiniondt-date {width: 50%; float: left;  font-size:15px}
 .opiniondt-date  span{margin-left:20px;}
.social{width:50%; float: left; margin: 0; text-align: right;}
.social span{font-size:12px; font-weight:700; margin:0 8px 0 0;}
.social a{display: inline-block;width: 30px;height: 30px;margin:0 10px 0 0;font-size:16px; text-align:center;padding:0;line-height:30px;transition: 0.4s;-moz-transition: 0.4s;-webkit-transition: 0.4s;-o-transition: 0.4s; border-radius:99em;color:#fff; background-color: #999999}
.social a:hover{background-color:#444444}
.opiniondt-wrap{width:100%;float: left;}
.opiniondt-row{width:1200px;margin: 0 auto;}
.content-title{width:100%; float:left;margin:0 0 10px;font-size:24px;font-weight:600;text-align:justify;line-height:2em;}
.content-tx{width:100%; float:left;margin:0 0 35px;text-align:justify;line-height:1.9em;}
.content-tx{opacity: 0;-moz-transform: translateY(30px);-ms-transform: translateY(30px);-webkit-transform: translateY(30px);transform: translateY(30px);-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;}
.content-tx.show {opacity: 1;-moz-transform: translateY(0);-ms-transform: translateY(0);-webkit-transform: translateY(0);transform: translateY(0);}

@media screen and (max-width: 1600px) {
.opinionwrap{margin:170px auto 0;}
.opinion-container{width:1200px;  margin:0 auto 30px;}
.opiniondt-row{width:1200px;}
}
@media screen and (max-width: 1200px) {
.opinionwrap{margin:140px auto 0;}
.opinion-container{width:88%; margin:0 auto 30px;}
.opiniondt-row{width:88%}
.opinionpic{width:52%;margin: 0 5% 0 0}
.c-right{width:29%}
.opiniondate{width:14%}
}
@media screen and (max-width: 980px) {
.opinionwrap{margin:120px auto 0;}
.opiniondt-title{margin:0 0 20px;}
.opiniondt-title h1{font-size:24px}
.content-title{font-size:22px;}
.video-content{margin:0 0 20px}
}
@media screen and (max-width: 550px) {
.opinionwrap{margin:90px auto 0;}
.opinion-container{margin:0 auto 25px;}
.opiniondt-date{width: 100%;margin: 0 0 15px;}
 .opiniondt-date  span{margin-left:20px;}
.opiniondt-title{margin:0 0 15px;}
.opiniondt-title h1{font-size:22px;}
.social{width:100%;text-align: left;}
.content-title{width:100%;margin:0 0 10px;font-size:20px;line-height: 1.6em}
.content-tx{margin:0 0 20px;line-height:1.8em;}
.opinion-detail .opinion-pic{margin-bottom:20px}
.video-content{margin:0 0 10px}
}

/*column*/
.column{width:100%; float:left; }
.column-content{width:80%; margin: 0 auto 40px}
.columntitle{float:left; width:100%;font-size:24px;padding:13px 0; margin:50px 0 60px; letter-spacing:0.1em;text-indent: 0.1em;text-align:center;border-bottom: 1px dotted #ccc;border-top: 1px dotted #ccc;}
.columntitle span{letter-spacing:0;text-indent:0; color: #ac802f; font-weight: 500}
.img-fluid{max-width:100%;height:auto}
.opiniondt-column{ width:100%; float:left; margin: 0 0 50px;}
 .opiniondt-column ul{list-style-type:none; padding: 0;margin:0;}
  .opiniondt-column li{width:30.333333%;float: left; margin:0 1.5%}
.opiniondt-item{float:left; width:100%;margin: 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) {	
.column-content{width:88%; margin: 0 auto 20px;}
.columntitle{margin:50px 0 60px}
}
@media screen and (max-width: 1200px) {
.column-content{ width:93%; margin: 0 auto 10px;}
.columntitle{margin:40px 0 60px}
.opiniondt-column{margin: 0 0 50px;}
.opiniondt-column li{width: 30.33333333%; margin:0 1.5%}
}
@media screen and (max-width: 980px) {
.column-content{ width: 94%; margin: 0 auto 10px;}
.columntitle{font-size: 22px;margin: 40px 0}
.opiniondt-column{margin: 0 0 50px;}
 .opiniondt-column li{width:46%; margin:0 2%}
.opiniondt-column li:last-child{display: none}
}
@media screen and (max-width: 550px) {
.column-content{width: 90%; margin: 0 auto;}
.columntitle{font-size:20px; margin:30px 0}
.opiniondt-column{margin: 0 0 20px;}
 .opiniondt-column li{width: 100%; margin:0 0 30px}

}