.pj-head{margin:auto;padding:0;width:100%;height:50px;background:#515a6e;z-index:1;position:relative}.pj-head .pj-head-wrap{margin:auto;width:1142px;height:100%;position:relative}@media screen and (max-width:480px){.pj-head .pj-head-wrap{width:100%}}.pj-head .pj-head-tags,.pj-head .pj-head-search{text-align:center;margin:auto;position:absolute}.pj-head .pj-head-search{height:50px;width:40%;left:0}.pj-head .pj-head-tags{background:#5c667d;width:60%;height:50px;right:0;overflow:hidden}.pj-head .pj-head-tags .tags-list-toggle{width:50px;height:50px;line-height:50px;color:#919aae;text-align:center;-moz-transition:all .2s;-o-transition:all .2s;-webkit-transition:all .2s;transition:all .2s;position:absolute;right:0;top:0}.pj-head .pj-head-tags.active{height:auto;box-shadow:#515a6e 0 0 3px}.pj-head .pj-head-tags.active .tags-list-toggle{-moz-transform:rotate(180deg);-ms-transform:rotate(180deg);-o-transform:rotate(180deg);-webkit-transform:rotate(180deg);transform:rotate(180deg)}@media screen and (max-width:480px){.pj-head .pj-head-search,.pj-head .pj-head-tags{position:static;width:100%}.pj-head .pj-head-tags{position:relative}}.pj-head .tags-list{display:table;width:100%;height:auto;line-height:50px}.pj-head .tags-list .tags-list-wrap{display:table-cell;padding:0 20px;width:1142px;height:100%;text-align:left;vertical-align:middle}.pj-head .tags-list .tags-list-wrap .tags-list-box{display:inline-block}.pj-head .tags-list a{color:#000}.pj-head .tags-list a:hover{color:#000}.pj-head .tags-list a:hover .one-tag-box{background:#919aae}.pj-head .tags-list .one-tag-box{display:inline-block;margin:3px;background:#fff;padding:5px;font-size:12px;line-height:1}.pj-head .tags-list .one-tag-box.active{background:#919aae;color:#fff}.pj-head .search-box{margin:auto;padding:1px;width:100%;height:50px;line-height:50px;border-left:1px solid #5c667d;border-right:1px solid #5c667d;transition:all .2s}.pj-head .search-box .search-input{line-height:0;width:100%;height:100%;display:table}.pj-head .search-box .search-input input,.pj-head .search-box .search-input span{display:table-cell}.pj-head .search-box .search-input input{line-height:0;width:99%;height:100%;padding:0 25px;margin:0;background:transparent;border:0;outline:none;color:#fff;font-size:1.2em}.pj-head .search-box .search-input input::-webkit-input-placeholder{font-size:.9em;letter-spacing:.3em}.pj-head .search-box .search-input span{width:50px;cursor:pointer}.pj-head .search-box .search-input i{color:#919aae;transition:all .2s}.pj-head .search-box .search-input i:hover{transform:scale(1.5);color:#e9ebef}.pj-head .search-box.active{border:3px solid #919aae;transition:all .2s}.pj-head .search-box.active i{transform:scale(1.5)}.pj-container{margin-top:20px;position:relative}.pj-container .pj-thumbnail{height:380px;background:#e0e0e0;box-shadow:#ccc 0 0 2px;position:relative}.pj-container .pj-thumbnail .pj-picture{background:#ccc;overflow:hidden;height:200px;width:100%}.pj-container .pj-thumbnail .pj-picture img{margin:auto;display:block;height:200px;width:auto;-moz-transition:all 500ms;-o-transition:all 500ms;-webkit-transition:all 500ms;transition:all 500ms}.pj-container .pj-thumbnail .pj-picture img:hover{-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);-webkit-transform:scale(1.1);transform:scale(1.1)}.pj-container .pj-thumbnail .pj-caption{padding:0 10px 10px 10px}.pj-container .pj-thumbnail .pj-caption h3{overflow:hidden;-ms-text-overflow:ellipsis;-o-text-overflow:ellipsis;text-overflow:ellipsis;white-space:nowrap}.pj-container .pj-thumbnail .pj-caption p{overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.pj-container .pj-thumbnail .pj-btn-bar{position:absolute;right:10px;bottom:10px}.pj-container .pj-thumbnail .pj-btn-bar a{color:#666}.pj-container .pj-thumbnail .pj-btn-bar a:hover{color:#333}.pj-container .pj-next-prev{padding:0 50px;width:100%;height:auto;position:fixed;top:50vh}.pj-container .pj-next-prev .pj-prev,.pj-container .pj-next-prev .pj-next{line-height:50px;height:50px;width:50px;background:#eee;border-radius:25px;color:#ccc;font-size:20px;text-align:center}.pj-container .pj-next-prev .pj-prev:hover,.pj-container .pj-next-prev .pj-next:hover{background:#ddd;color:#999}.pj-container .pj-next-prev .pj-prev{float:left}.pj-container .pj-next-prev .pj-next{float:right}@media screen and (max-width:480px){.pj-container .pj-next-prev{display:none}}.pj-pagination{display:block;text-align:center;padding:0;margin:0 0 20px 0}.pj-pagination li{display:inline-block;padding:0;margin:0;width:50px;height:50px;background:#eee;text-align:center;line-height:50px;border-radius:4px;font-size:1.2em;color:#515a6e}.pj-pagination li:hover{background:#e0e0e0}.pj-pagination li.active{background:#f00;color:#fff}