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


.ara_008 { position: relative;}

.ara_008 .art_list_all { position: relative;}
.ara_008 .art_box { position: relative;}
.ara_008 .art_con { position: relative; display: block; margin-bottom: 20px;}
.ara_008 .art_con > span { position: relative; display: block; overflow: hidden; max-height: 360px;}
.ara_008 .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 .art_con > span img { width: 100%; transition: all .7s ease;}
.ara_008 .art_con > div { background: #f0f0f0; padding: 15px;}
.ara_008 .art_con h3 { font-size: 15px; line-height: 1.3; color: #222;}
.ara_008 .art_con b { display: block; line-height: 1; font-size: 12px; color: #777; font-weight: normal;}
.ara_008 .art_con.mov_art > span:before { position: absolute; right: 3px; bottom: 3px; content: ""; display: block; width: 45px; height: 45px; background: url(/data/skin/content/1/ara_008//images/icon_mov.png) no-repeat -45px 0; opacity: .8; z-index: 10;}
.ara_008 .art_con:hover img { transform: scale(1.1);}

.ara_008 .paging { padding-top: 30px;}

.ara_008.b_radius .art_con > span,
.ara_008.b_radius .art_con > span:after { border-radius: 7px 7px 0 0;}
.ara_008.b_radius .art_con > div { border-radius: 0 0 7px 7px;}
/*  end */