/**** /content/css/person.css ****/
@CHARSET "UTF-8";
.persons-main .pop-pers .pers { display: block; float: left; width: 23%; box-sizing: border-box; margin: 0 1% 10px 1%; padding: 6px 6px; text-align: center; text-decoration: none; overflow: hidden; border-radius: 12px; }
.persons-main .pop-pers .pers h3 { display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.persons-main .subcats { margin-bottom: 30px; }
.persons-main .pop-pers .pers img { max-width: 100%; display: block; margin: 0 auto 6px; height: auto; border-radius: 12px; }
.one-person .short-desc { background: #eaf4fd; padding: 20px !important; margin: 10px 0 20px; border-radius: 3px; border: solid 1px #cfdeec; }
.one-person .adv-hor { margin-bottom: 20px; }
.one-person .short-desc h3 { margin-top: 20px; margin-bottom: 12px; color: #888; }
.one-person .cnt.main img { max-width: 100%; }
.persons-list li a.img { height: 150px; width: 150px; }
.persons-list li a.img img { border-radius: 10px; max-width: 150px; }
.persons-list li .info { margin-left: 166px; }
.persons-list li h2 { margin-bottom: 8px; }
.persons-list li h3 { margin-top: 16px; margin-bottom: 10px; color: #888; }
.persons-list li .title { font-size: 20px; padding-right: 0; }
@media screen and (max-width: 940px) { .persons-main .pop-pers .pers { width: 31%; }
}
@media screen and (max-width: 760px) { .persons-list li .info { margin-left: 0; }
.persons-list li a.img { float: none; margin: 0 auto 16px; }
.persons-list li h2 { text-align: center; }
}
@media screen and (max-width: 510px) { .persons-main .pop-pers .pers { width: 48%; }
}