.panel.panel-about-author { position: relative; height: 281px; border: solid 1px #ddd; overflow: hidden; }
.panel.panel-about-author .panel-heading { position: relative; z-index: 2; height: 120px; border-bottom-color: #fff; overflow: hidden; transition: height 600ms ease-in-out; }
.panel.panel-about-author .panel-heading img { position: absolute; top: 50%; left: 50%; z-index: 1; width: 120%; -webkit-transform: translate3d(-50%, -50%, 0); transform: translate3d(-50%, -50%, 0); }
.panel.panel-about-author .panel-heading button { position: absolute; top: 10px; right: 15px; z-index: 3; }
.panel.panel-about-author .panel-header { margin: 10px 0; }
.panel.panel-about-author .panel-figure { position: absolute; top: auto; left: 50%; z-index: 3; width: 55px; height: 55px; background-color: #fff; border-radius: 50%; opacity: 1; box-shadow: 0 0 0 3px #fff; -webkit-transform: translate3d(-50%, -50%, 0); transform: translate3d(-50%, -50%, 0); transition: opacity 400ms ease-in-out; }
.panel.panel-about-author .panel-body { padding-top: 20px; padding-bottom: 20px; transition: padding 400ms ease-in-out; }
.panel.panel-about-author .panel-thumbnails { padding: 0 15px 20px; }
.panel-thumbnails .thumbnail { width: 60px; max-width: 100%; margin: 0 auto; background-color: #fff; }
.panel.panel-about-author:hover .panel-heading { height: 55px; transition: height 400ms ease-in-out; }
.panel.panel-about-author:hover .panel-figure { opacity: 0; transition: opacity 400ms ease-in-out; }
.panel.panel-about-author:hover .panel-body { padding-top: 20px; transition: padding 400ms ease-in-out; }