@charset "utf-8";
/*  begin */


.ara_008_01 { position: relative;}

.ara_008_01 .art_list_all { position: relative;}
.ara_008_01 .art_box { position: relative;}
.ara_008_01 .art_con { position: relative; display: block; margin-bottom: 20px; background: #000;}
.ara_008_01 .art_con > span { position: relative; display: block; overflow: hidden; max-height: 360px;}
.ara_008_01 .art_con > span:after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; border: 1px solid rgba(0,0,0,.075); -webkit-box-sizing: border-box; box-sizing: border-box; content: ''; z-index: 2;}
.ara_008_01 .art_con > span img { width: 100%; transition: all .7s ease;}
.ara_008_01 .art_con > div { position: absolute; left: 0; bottom: 0; background: rgba(0,0,0,.6); padding: 10px; box-sizing: border-box; width: 100%;}
.ara_008_01 .art_con h3 { font-size: 15px; line-height: 1.3; height: auto !important; max-height: 42px; color: #fff;}
.ara_008_01 .art_con b { display: block; line-height: 1; font-size: 11px; color: #777; font-weight: normal;}
.ara_008_01 .art_con.mov_art > span:before { position: absolute; right: 3px; top: 3px; content: ""; display: block; width: 45px; height: 45px; background: url(/data/skin/content_custom/1/ara_008_01//images/icon_mov.png) no-repeat -45px 0; opacity: .8; z-index: 10;}
.ara_008_01 .art_con:hover img { transform: scale(1.1);}

.ara_008_01 .paging { padding-top: 30px;}
/*  end */