.cases{padding-top:60px;padding-bottom:125px;width:100%;background-image:url('../images/news-bg.jpg');background-repeat:no-repeat;background-size:cover}
.cases-main { margin-bottom: 50px; }
.cases-list { margin: 0; padding: 0; font-size: 0; list-style: none; }
.cases-list .cases-col { display: inline-block; *display: inline; *zoom: 1; vertical-align: top; position: relative; margin: 5% 2.5% 0 0; width: 31.66%; cursor: pointer; }
.cases-list .cases-col::before { content: ''; position: absolute; bottom: 0; right: 0; width: 100%; height: 1px; background-color: #e64027; opacity: .5; }
.cases-list .cases-col:nth-child(3n) { margin-right: 0; }
.cases-list .cases-col .cases-img { padding-bottom: 70.5%; height: 0; background: #f0f1f1 center no-repeat; background-size: cover; border: 1px solid #e1e1e1; transition: all .3s; }
.cases-list .cases-col .cases-con { position: relative; padding: 24px 25px 24px 0; font-size: 18px; color: #383838; transition: all .3s; }
.cases-list .cases-col .cases-con::before { content: ''; position: absolute; top: 50%; right: 0; width: 15px; height: 6px; background: url(../images/arrow-collist.png) -21px 0 no-repeat; transition: all .3s; }
//.cases-list .cases-col:hover .cases-img { border-color: #e64027; }
.cases-list .cases-col:hover .cases-con::before { background-position: 0 0; }

.cases-popover,
.cases-popover-bg { position: fixed; top: 0; left: 0; z-index: 9999; width: 100%; height: 100%; }
.cases-popover { display: none; }
.cases-popover-bg { position: absolute; z-index: 9998; background-color: #000; opacity: .75; }
.cases-popover-main { position: absolute; top: 50%; left: 0; right: 0; z-index: 9999; margin: 0 auto; width: 90%; max-width: 1212px; transform: translate3d(0, -50%, 0); }
.cases-popover-wrap { padding: 3%; background-color: #fff; }
.cases-popover-img { display: block; margin: 0 auto; max-width: 100%; }
.cases-popover-close { position: absolute; bottom: 100%; left: 100%; margin: 0 0 -14px -14px; width: 58px; height: 58px; background: url(../images/close.png) 0 0 no-repeat; transition: all .3s; }
.cases-popover-close:hover { transform: scale(0.9);  }