/*.movie{border:1px solid #f0f0f0; display:block; position:relative; overflow:hidden}
.movie img{width:100%}
.movie>div{position:absolute; width:100%; height:100%; word-wrap:break-word; overflow:hidden; text-overflow:ellipsis; padding:5px; background:rgba(240,240,240,0.9); color:#000; opacity:0; z-index:1}
.movie:hover>div{opacity:1}
.movies .row a:not(.movie){display:block; text-align:center; margin:3px 0; max-height:43px; white-space:nowrap; word-wrap:break-word; text-overflow:ellipsis; overflow:hidden; }
.movies .row span{text-align:center; display:block; font-size:13px; color:#bababa; }*/

#csoon .panel .panel-collapse .panel-body{padding:0}
.movies{}
.movies .movie{display:inline-block; margin:10px; width:245px}
.movies .img{width:200px; height:300px; position:relative; display:block; overflow:hidden; margin:auto}
.movies .img img{max-width:100%; max-height:100%; top:50%; left:50%; transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); position:absolute}
.movies a:not(.img){text-decoration:none; color:#fff; display:block; margin:5px 0; text-align:center; width:100%}
.movies span{text-align:center; display:block}
.movies a.m-foot{color:#c6c6c6; font-size:13px}
.movies a.m-title{font-weight:bold;display:-webkit-box;line-height:1.4; height:43px; overflow:hidden; word-break:break-all; word-spacing:normal; -webkit-line-clamp:2; -webkit-box-orient:vertical; text-overflow:ellipsis}