.notice{position:relative;padding:0 20px 0 0}.notice .column{float:left;padding:0 3px}.notice .pic_wrapper{position:relative;margin-bottom:6px}.notice .pic_wrapper .pic_inner{position:relative;background-color:#000;overflow:hidden;-webkit-transition:all 0.8s ease;-moz-transition:all 0.8s ease;-o-transition:all 0.8s ease;transition:all 0.8s ease}.notice .pic_wrapper .pic_inner img{opacity:0.5;-webkit-transition:all 0.8s ease;-moz-transition:all 0.8s ease;-o-transition:all 0.8s ease;transition:all 0.8s ease;-ms-transform:scale(1.05, 1.05);-webkit-transform:scale(1.05, 1.05);transform:scale(1.05, 1.05);filter:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0'/></filter></svg>#grayscale");filter:gray;-webkit-filter:grayscale(85%)}.notice .pic_wrapper .pic_inner .pic_front{position:relative;cursor:pointer}.notice .pic_wrapper .pic_inner .pic_back{position:absolute;top:150%;left:0;bottom:0;right:0;background-color:#FFF;border:solid 1px #CCC;font-size:13px;font-family:'GothamBoldRegular';color:#999;text-transform:uppercase;text-align:center;padding:10px;opacity:1;-webkit-transition:all 0.8s ease;-moz-transition:all 0.8s ease;-o-transition:all 0.8s ease;transition:all 0.8s ease}.notice .pic_wrapper .pic_inner .pic_back hr{width:30%;border-top-color:#CCC}.notice .pic_wrapper .pic_inner .pic_back .icon_link{display:block;height:50px;position:absolute;left:20px;bottom:20px;right:20px}.notice .pic_wrapper .pic_inner .pic_back .icon_link a{display:block}.notice .pic_wrapper .pic_inner .pic_back .icon_link a i{position:absolute;width:40px;height:40px;line-height:35px;top:5px;left:5px;border:solid 2px #CCC;font-size:18px;color:#999;padding:0;margin:0;-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;border-radius:50%;-webkit-transition:all 0.8s ease;-moz-transition:all 0.8s ease;-o-transition:all 0.8s ease;transition:all 0.8s ease}.notice .pic_wrapper .pic_inner .pic_back .icon_link a span{display:block;position:absolute;height:50px;width:100px;top:0;right:40px;left:60px;line-height:50px;font-size:12px;font-family:'Lato';text-align:left;-webkit-transition:all 0.8s ease;-moz-transition:all 0.8s ease;-o-transition:all 0.8s ease;transition:all 0.8s ease}.notice .pic_wrapper .pic_inner .pic_back .icon_link a:hover span,.notice .pic_wrapper .pic_inner .pic_back .icon_link a:hover i{color:#52b3d9}.notice .pic_wrapper .pic_inner .pic_back .icon_link a:hover i{border-color:#52b3d9}.notice .pic_wrapper .light_up img{opacity:1 !important}.notice .pic_wrapper:hover .pic_inner img{opacity:1;-ms-transform:scale(1.07, 1.07);-webkit-transform:scale(1.07, 1.07);transform:scale(1.07, 1.07)}.notice .pic_wrapper:hover .pic_inner .pic_back{top:0}