@font-face{font-family:'MD';src:local('PT Sans'),local('PTSans-Regular'),url(../fonts/md.woff2)format('woff2'),url(../fonts/md.woff)format('woff'),url(../fonts/md.ttf)format('truetype')}
@font-face{font-family:'MD';font-style:normal;font-weight:700;src:local('PT Sans Bold'),local('PTSans-Bold'),url(../fonts/md-700.woff2)format('woff2'),url(../fonts/md-700.woff)format('woff'),url(../fonts/md-700.ttf)format('truetype')}
@font-face{font-family:'MD';font-style:italic;font-weight:400;src:local('PT Sans Italic'),local('PTSans-Italic'),url(../fonts/md-400.woff2)format('woff2'),url(../fonts/md-400.woff)format('woff'),url(../fonts/md-400.ttf)format('truetype')}
@font-face{font-family:'MD';font-style:italic;font-weight:700;src:local('PT Sans Bold Italic'),local('PTSans-BoldItalic'),url(../fonts/md-400-700.woff2)format('woff2'),url(../fonts/md-400-700.woff)format('woff'),url(../fonts/md-400-700.ttf)format('truetype')}

html{height:100%}body{font:14px/20px md;color:#151515;overflow-x:hidden;min-height:100%;word-wrap:break-word;text-rendering:optimizeLegibility;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
body,header,footer,.nav,.them,.img,.play,.post a,.post img,q{position:relative}.logo,.logo img,.but,.menu,.src,.icon,.form,.button,.imt,q:before,q:after,.post figcaption,footer,.ny{position:absolute}.fixed,.top,.popular{position:fixed}
body,main,.nav,.fix{margin:auto}.form,nav,.fix,.add,.tag,.page,.post,.post a,.link{overflow:hidden}.nav,.search,.cont,.art,.post a,.post figcaption{box-sizing:border-box}
body,.page,.search,a.det,.tag a{background:#F3F3F3}ul,ol,figure,button{margin:0;padding:0}.fix a,.cont,.art,.cat,.mini,.play,.ad,.img,.page a,.page span,.post a,.link a{float:left}
header,nav,main,main:after,.sec:after,section,article,q,aside,aside a,footer{display:block}.top,.popular,.none,.but,#pluginIdTFPU_2{display:none}nav a,.tag a,.fotorama__wrap{display:inline-block}
nav,h1,.cat,.center,a.det,.fotorama,.top{text-align:center}.sec .fotorama img,h4{margin:0}
a,img,input,textarea,button{outline:none;border:none}input[type='submit'],button,.top{cursor:pointer}button{background:none}
a{text-decoration:none}main a{color:#06c}a,.top,.search:focus{transition:background .25s,box-shadow .25s,color .25s}.sec a:hover{color:#3E8BD8}p a:hover{text-decoration:underline}
::-webkit-input-placeholder{color:#111}::-moz-placeholder{color:#111;opacity:1}:-ms-input-placeholder{color:#111}
.fix a:hover,.page a:hover,.page span.current,.tag a:hover{background:#179de2;color:#fff}
.fixed,nav,.form,.top,footer{transform:translateZ(0)}

body,.head,footer{width:100%;max-width:2048px}.head,header,.nav{height:52px}header,footer{z-index:2;background:#000}.nav,.logo img,.search,.fix,main{width:100%}
header,footer,.fixed{box-shadow:0 0 6px rgba(0,0,0,.9)}.fixed{background:#000;background:rgba(0,0,0,.9)}
nav a{color:#fff;font:20px/47px MD;margin:5px .7% 0;padding:0 1%;border-radius:12px 12px 0 0;text-shadow:1px 1px 1px rgba(0,0,0,.4)}
.nav,.footer{max-width:1138px}.logo{width:230px}.logo img{max-width:230px;max-height:35px}.logo,.logo img,.menu,.src{margin:auto;top:0;bottom:0}a.logo:hover,.mini:hover,.post a:hover{opacity:.85}
.one:hover,.news{background:#0979CF}.two:hover,.review{background:#FF3030}.three:hover,.rumor{background:#32CD32}.four:hover,.article{background:#1AF}.five:hover,.soft{background:#A200FF}.six:hover,.video{background:#bbb}
.form{width:260px;top:12px;right:-18px}.search{font:14px md;height:32px;padding:8px 30px 8px 8px;border-radius:3px;box-shadow:0 1px 1px rgba(0,0,0,.2)inset}.search:focus{background:#fff}
.button{background:url(../img/search.png) no-repeat 50%;background:url(../img/search.svg) no-repeat 50%,none;height:32px;top:0;right:0;width:30px}:-o-prefocus,.button{background:url(../img/search.png) no-repeat 50%}
.them{background:#E8E8E8;box-shadow:0 0 2px 1px rgba(0,0,0,.25);z-index:2}.fix{height:40px}.fix a{color:#555;line-height:40px;padding:0 16px}

main,.fix{max-width:1240px}main{padding:0 0 140px;background:#fff;box-shadow:0 0 6px rgba(0,0,0,.2)}main:after,.sec:after{content:'';clear:both}.cont,.art{width:900px}.art{padding:0 50px}.sec{border-top:1px solid #ddd;padding:14px 0}.sec:first-child{border:none}.sec ul{margin:15px 18px}
aside{float:right;width:30%;max-width:336px}
aside a{display:table;line-height:80px;padding:0 7px}aside a:hover{background:#eee}
aside a img{margin:0 7px 0 0;width:90px;max-height:70px;vertical-align:middle}
aside a span{width:100%;display:table-cell;vertical-align:middle;color:#222;font:700 14px md}
aside time{display:block;color:#999;margin:3px 0 0;font:12px md}
main p,.sec li,.cat{font:16px/20px md}main p{-moz-hyphens:auto;-ms-hyphens:auto;text-align:justify;margin:16px 0}
.sec img,.sec figure img,.sec iframe,.sec embed,.sec object{max-width:100%;display:block;margin:15px auto}.sec iframe{width:100%}
h1{font:700 24px/30px md;margin:14px 0 6px}h2,h3{margin:0 0 8px}h2,h3,h4{font:700 22px md}h3,h4{letter-spacing:-1px}h4{border-bottom:4px solid;padding:10px 0 2px}
.sec figcaption{text-align:center;background:#eee;border-bottom:1px solid #ddd;color:#444;font:italic 16px/20px md;margin:-15px 0 0;padding:10px}
q{font:700 italic 16px md;border-left:3px solid #ccc;padding:3px 40px;margin:15px 0}
q:before,q:after{color:#bbb;font-size:45px}q:before{content:"\201c";left:5px;top:-12px}q:after{content:"\201d";right:10px;bottom:-34px}
.cat{border-radius:4px;color:#fff;padding:0 0 3px;width:80px}a.cat:hover{color:#fff}
.author{color:#aaa;margin:0 0 -10px;text-align:right}
.mini,.play{clear:both}.sec .mini{margin:10px 20px 0 0;width:180px}.mini,.logo,.post a{transition:opacity .25s}
.center{margin:16px 0}.center img{margin:0 2px;max-width:396px;display:inline-block;vertical-align:middle}
a.det{width:150px;height:20px;padding:4px 0;border-radius:10px;float:right}a.det:hover{color:#fff;background:#06c}
a.det,.tag a{color:#777}.tag a{border-radius:4px;padding:0 12px;font:12px/26px md;margin:6px 12px 6px 0}
.page{height:38px;border-top:1px solid #ddd;margin:0 0 0 -50px}.page a,.page span{font:16px md;padding:9px 15px;background:#fff;border-right:1px solid #ddd}
.plus,.minus,.alter{font:700 18px md;height:8px}.plus{color:#32CD32}.minus{color:#FF0000}.add{height:280px;clear:both}.ad{background:#1AF;color:#fff;padding:1px 8px 2px;margin:0 7px}

.post a{margin:0 0 15px .5%;height:150px;width:33%}.post a:first-child{margin:0}.post img{right:50%;min-height:150px}.img{left:50%}
.post figcaption{width:100%;left:0;bottom:0;color:#fff;padding:10px;background:url(../img/bg.png);background:linear-gradient(transparent,rgba(0,0,0,.9));text-shadow:0 1px 2px rgba(0,0,0,.8)}
.gallery{font:16px md}.gallery a:first-child{width:66.5%;height:305px;margin:0}.gallery a.first{margin:0}.gallery a{margin:0 0 5px .5%}

.play:before,.play:after,.icon:before,.icon:after{content:'';position:absolute}.play:before,.logo{z-index:1}
.play:after,.play:before{margin:auto;top:0;bottom:0}.play:after{border-radius:4px}.play:before{height:0}
section .play:before{border:10px solid transparent;border-left-color:#fff;left:48%}section .play:after{left:0;right:0;width:40px;height:36px;background: rgba(0,0,0,.9)}
aside .play:before{border:8px solid transparent;border-left-color:#fff;left:49px}aside .play:after{left:37px;width:30px;height:28px;background:rgba(0,0,0,.9)}
.top{top:0;width:8%;max-width:210px;height:100%;background:#EBEEF1;color:#A3B3C5}.top:hover{background:#E5E9EE;color:#718BA8}.top span{display:block;margin:96px 0 0;font-weight:700}
.popular{top:50px;width:336px}
footer{bottom:0}.footer{margin:15px auto;color:#999}.link a{color:#0885A8;margin:0 15px 0 0}.link a:hover{color:#20bbe7}

.social-likes{text-align:center}
.like{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}
.like.fb{float:left}.like.tw{width:28%}.like.tw,.like.vk{display:inline-block}.like.g{float:right}
.likes{float:left;height:22px;padding:0 10px 0 24px;color:#fff;position:relative}
.likes:before{content:'';position:absolute;width:16px;height:16px;background:url(../img/icons.png);background:url(../img/icons.svg),none;left:3px;top:3px}
.tw .likes:before{background-position:0 32px}.vk .likes:before{background-position:0 80px}.g .likes:before{background-position:0 48px}
.count{float:left;height:20px;padding:0 7px;position:relative;color:#666;border:1px solid #bbb;border-left:0}
.count:before{content:'';height:0;position:absolute;left:-5px;top:5px;border-right:5px solid #fff;border-bottom:5px solid transparent;border-top:5px solid transparent}
.likes_facebook{background:#3d5b95}.likes_twitter{background:#24aadd}.likes_plusone{background:#d23e30;padding:0 10px 0 20px}.likes_vkontakte{background:#587e9f}

.ny{background:url(../img/ny.png);width:30px;height:23px;left:-17px;top:4px}
.recommend{background:url(../img/recommend.png);background:url(../img/recommend.svg),none;width:250px;max-width:100%;height:69px;margin:15px auto}

.fadeIn,.fadeOut{-webkit-animation-duration:.4s;animation-duration:.4s;-webkit-animation-fill-mode:both;animation-fill-mode:both}
@-webkit-keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@keyframes fadeIn{0%{opacity:0}100%{opacity:1}}
.fadeIn{display:block;-webkit-animation-name:fadeIn;animation-name:fadeIn}
@-webkit-keyframes fadeOut{0%{opacity:1}100%{opacity:0}}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}
.fadeOut{-webkit-animation-name:fadeOut;animation-name:fadeOut}

@media screen and (max-width:1252px){body{background:#fff}header,main{box-shadow:none}.nav,.art{padding:0 3%}nav a{font-size:18px}.logo,.form{width:20%}.form{right:3%}.fix{white-space:normal}.cont,.art{width:70%}.cont .art{width:100%}.footer{width:94%}.page{margin:0 0 0 -5%}}
@media screen and (max-width:959px){
    .cont,.art{width:100%}.them,aside{display:none}
    header{background:none}.header{top:0;left:0}.header,nav,.form{position:fixed;background:#000;background:rgba(0,0,0,.9);box-shadow:0 0 6px rgba(0,0,0,.9)}
    .logo{width:60%}.but{height:100%;right:3%}.but,nav a{display:block}.menu,nav.slide{right:0}.menu{width:32px}
    .src{background:url(../img/src.png) no-repeat 50% 15px;background:url(../img/src.svg) no-repeat 50% 0,none;width:44px;right:44px}:-o-prefocus,.src{background:url(../img/src.png) no-repeat 50% 15px}
    .active .icon{height:0}.active .icon:before{-webkit-transform:rotate(-45deg);transform:rotate(-45deg);top:0}.active .icon:after{-webkit-transform:rotate(45deg);transform:rotate(45deg);top:0}
    .icon,.icon:after,.icon:before{background:#fff;height:3px;width:32px;left:0;transition:.25s;border-radius:1px}.icon:before{top:10px}.icon:after{bottom:10px}
    nav,.form{transition:height .2s,right .3s;top:52px;width:240px}.form.slide{height:100%}
    nav{height:100%;right:-103%}nav a{border-radius:0;margin:0}.form{position:relative;right:0;width:auto;height:0;padding:0 3%}.search,.button{margin:10px 0 0}.button{right:3%}
    .sec img,.sec iframe,.sec embed,.sec object,.center img,.fotorama{max-width:106%;width:106%;margin:15px 0 15px -3%}.page{margin:0 0 0 -4%}
}
@media screen and (max-width:500px){.social-likes .like{width:50%;margin:0 0 10px}}
@media screen and (max-width:400px){.gallery a:first-child,.gallery a{width:100%}h1,.author{text-align:left}.author{clear:both;padding:9px 0 0}}
@media screen and (max-width:320px){nav,.mini,.play{width:100%}.sec .mini{margin:20px 0 10px;width:100%}.post a:first-child,.post a{margin:0 0 15px}.post a{display:block;width:100%}.sec iframe{height:auto}}
@media screen and (max-width:300px){.src,.form{display:none}.author a{display:block}.social-likes .like{width:100%;margin:0 0 10px}}