.list_banner { width:100%; height:300px; }

/*通用图片动画样式*/
.pic-img { position:relative; display:inline-block; }
.pic-img a:before { content:""; position:absolute; top:15px; left:15px; bottom:15px; right:15px; z-index:9; border-top:1px solid rgba(255, 255, 255, 0.8); border-bottom:1px solid rgba(255, 255, 255, 0.8); transform:scale(0, 1); }
.pic-img a:after { content:""; position:absolute; top:15px; left:15px; bottom:15px; right:15px; z-index:9; border-left:1px solid rgba(255, 255, 255, 0.8); border-right:1px solid rgba(255, 255, 255, 0.8); transform:scale(1, 0); }
.pic-img a:hover:before,.pic-img a:hover:after { transform:scale(1); -webkit-transition:all 0.3s ease-out 0s; -moz-transition:all 0.3s ease-out 0s; -o-transition:all 0.3s ease-out 0s; transition:all 0.3s ease-out 0s; }

/*通用A链接图片动画样式*/
.aimg { position:relative; display:inline-block; }
.aimg a:before { content:""; position:absolute; top:0px; left:0px; bottom:0px; right:0px; z-index:9; border-top:2px solid #ffa800; border-bottom:2px solid #ffa800; transform:scale(0, 1); }
.aimg a:after { content:""; position:absolute; top:0px; left:0px; bottom:0px; right:0px; z-index:9; border-left:2px solid #ffa800; border-right:2px solid #ffa800; transform:scale(1, 0); }
.aimg a:hover:before,.aimg a:hover:after { transform:scale(1); -webkit-transition:all 0.2s ease-out 0s; -moz-transition:all 0.2s ease-out 0s; -o-transition:all 0.2s ease-out 0s; transition:all 0.2s ease-out 0s; }