.container{height:calc(100vh - 100px)}.overscroll{overflow:scroll}.coItem-wrap{width:260px;height:336px;cursor:pointer;background:#fff;-webkit-box-shadow:0 6px 10px 0 rgba(34,47,75,0.2);box-shadow:0 6px 10px 0 rgba(34,47,75,0.2)}.hoverButton{bottom:30px;position:absolute;left:0px;width:100%}.coHoverBox{position:absolute;background:#fff;padding:30px;left:0;height:100%;width:100%;top:-1px;opacity:0;-webkit-animation-name:descriptionfadeOut;animation-name:descriptionfadeOut;-webkit-animation-duration:150ms;animation-duration:150ms;-webkit-animation-timing-function:ease;animation-timing-function:ease;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}.coItem-wrap:hover .coHoverBox,.coItem-wrap:active .coHoverBox,.coItem-wrap:focus .coHoverBox{-webkit-animation-name:descriptionfadeIn;animation-name:descriptionfadeIn;-webkit-animation-duration:150ms;animation-duration:150ms;-webkit-animation-timing-function:ease;animation-timing-function:ease;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}@-webkit-keyframes descriptionfadeIn{0%{opacity:0;-webkit-transform:translateY(20px);transform:translateY(20px)}100%{opacity:1;-webkit-transform:translateY(0px);transform:translateY(0px);display:block}}@keyframes descriptionfadeIn{0%{opacity:0;-webkit-transform:translateY(20px);transform:translateY(20px)}100%{opacity:1;-webkit-transform:translateY(0px);transform:translateY(0px);display:block}}@-webkit-keyframes descriptionfadeOut{0%{opacity:1;-webkit-transform:translateY(0px);transform:translateY(0px)}100%{opacity:0;-webkit-transform:translateY(20px);transform:translateY(20px)}}@keyframes descriptionfadeOut{0%{opacity:1;-webkit-transform:translateY(0px);transform:translateY(0px)}100%{opacity:0;-webkit-transform:translateY(20px);transform:translateY(20px)}}