.profile-card_box{margin-top:20px;display:inline-block;margin-bottom:75px}ul.groupitem{display:inline-block;color:#fff;background-color:#000}ul.groupitem li{padding:5px;cursor:pointer;float:left;border:1px solid #ddd;text-align:center;vertical-align:middle}.profile-card{float:left;margin:10px}.profile-card-hide{width:0!important;height:0!important;opacity:0;margin:0!important}.profile-card .card{width:160px;height:260px;padding-top:0;border-top-width:0;border-bottom-width:2px;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;position:relative;padding-top:0;overflow:hidden;text-align:center;background-color:rgba(200,200,200,.3);box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24);-webkit-box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24);-moz-box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24);transition:all .3s ease}.profile-card .card.hovercard{background-color:rgba(200,200,200,.2);box-shadow:0 14px 28px rgba(0,0,0,.25),0 10px 10px rgba(0,0,0,.22);-webkit-box-shadow:0 14px 28px rgba(0,0,0,.25),0 10px 10px rgba(0,0,0,.22);-moz-box-shadow:0 14px 28px rgba(0,0,0,.25),0 10px 10px rgba(0,0,0,.22)}.profile-card .card .cardheader{background-size:cover;height:100px;transition:filter .3s none}.profile-card .card.hovercard .cardheader{-webkit-filter:blur(1px) grayscale(80%);-moz-filter:blur(1px) grayscale(80%);-o-filter:blur(1px) grayscale(80%);-ms-filter:blur(1px) grayscale(80%);filter:blur(1px) grayscale(80%)}.profile-card .card .avatar{position:absolute;top:40px;left:20px;width:120px;height:120px;max-width:120px;max-height:120px;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;border:4px solid rgba(255,255,255,1);transition:all .3s ease}.profile-card .card.hovercard .avatar{position:absolute;top:5px;left:5px;width:80px;height:80px;max-width:80px;max-height:80px}.profile-card .card img{position:absolute;top:40px;left:20px;width:120px;height:120px;max-width:120px;max-height:120px;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;border:2px solid rgba(255,255,255,1);transition:all .3s ease}.profile-card .card.hovercard img{position:absolute;top:5px;left:5px;width:80px;height:80px;max-width:80px;max-height:80px}.profile-card .card .title{position:absolute;top:180px;width:100%;padding:5px;height:auto;right:0;color:#262626;transition:top .5s,width .5s,right .5s,height .5s,left .5s ease}.profile-card .card.hovercard .title{top:50px;right:3px;width:auto;border:1px solid rgba(100,100,100,.5);background-color:rgba(0,0,0,.5);color:#fff;-webkit-border-radius:3px 3px;-moz-border-radius:3px 3px;border-radius:3px 3px}.profile-card .card .title h4{font-size:24px;transition:font-size .3s ease}.profile-card .card.hovercard .title h4{color:#fff;font-size:18px}.profile-card .card .desc{position:absolute;overflow:hidden;padding:0;height:160px;width:100%;top:100px;display:table;zoom:1;text-align:left;opacity:0;filter:alpha(opacity=0);transition:opacity 1s,filter 1s none}.profile-card .card.hovercard .desc{opacity:1;filter:alpha(opacity=100)}.profile-card .card .desc>div.desc_txtBox{display:table-cell;vertical-align:middle;padding:5px;height:100%}.profile-card .card .desc>div.desc_txtBox>p{display:block;font-size:14px}.profile-card .card .comment{position:absolute;bottom:0;right:0;width:auto;height:auto;font-size:.8em;padding:3px;transition:all .5s ease}.profile-card .card.hovercard .comment{bottom:0;right:0;width:auto;height:0;padding:0}