.miniart-artist-list{padding-top:86px;}
.miniart-artist-list .list ul li .artist-work{position:relative;width:100%;height:auto;background-color:#b6b7bb;cursor:pointer;overflow: hidden;margin-bottom: 10px;}
.miniart-artist-list .list ul li .artist-work .media{position:absolute;top:10pc;left:45%;width:84px;height:84px;background:url(../images/media.png) no-repeat;background-size:cover;}
.miniart-artist-list .list ul li .artist-work img{max-width:100%;}

.miniart-artist-list .list ul li .artist-work:hover .scaleimg{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1);transition:all 3s;display:block}
.miniart-artist-list .list ul li .artist-work:not(:hover) .scaleimg{-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);transform:scale(1);transition:all 3s}
.miniart-artist-list .list ul li .artist-portrait img{margin-top:5px;width:55px;height:55px;margin-right: 10px; }
.miniart-artist-list .list ul li .artist-portrait .name {
    padding-left: 50px;
}
.miniart-artist-list .list ul li .artist-portrait .name,.miniart-artist-list .list ul li .artist-portrait p{padding-top:3px;}

.miniart-artist-list .list ul li div img{float:left;}
.miniart-artist-list .list ul li div span{float:left;display:block;padding-left:10px;height:50px;line-height:50px;}
@media (min-width:320px){.miniart-artist-list .list .block{padding-bottom: 40px;}
.miniart-artist-list{padding-top:86px;}
.miniart-artist-list .list ul li div span{margin-bottom:30px;}
.miniart-artist-list .list ul li .artist-portrait p.name{height:35px;line-height:35px;}
.miniart-artist-list .list ul li .artist-portrait img{margin-bottom:10px;}
.miniart-artist-list .list ul li .artist-work .media{top:50px;left:45%;width:50px;height:50px;}
.miniart-artist-list .list ul li .artist-portrait .live,.miniart-artist-list .list ul li .artist-portrait .name,.miniart-artist-list .list ul li .artist-portrait p{font-weight:400;}
}
@media (min-width:768px){.col-md-6{float:left;}
.miniart-artist-list{padding-top:86px;}
.miniart-exhibition-list .section{padding-top:20px;}
.miniart-artist-list .list .block{padding-right:20px;padding-left:20px;padding-bottom: 40px; }
.miniart-artist-list .list ul li .artist-portrait img{margin-bottom:20px;}
.miniart-artist-list .list ul li .artist-work .media{top:60px;left:40%;width:60px;height:60px;}
.miniart-artist-list .list ul li .artist-portrait .live,.miniart-artist-list .list ul li .artist-portrait .name,.miniart-artist-list .list ul li .artist-portrait p{font-weight:100!important;}
}

.miniart-artist-list .list ul li .artist-portrait{clear:both;}

.nameWarp.active{ position:fixed;z-index: 100;display: none; }
.nameWarp{ position: fixed;top:0px;z-index: 100;background: #fff; }
#artistNameList li{float: left; font-size: 11px;width: 232px;height: 45px;padding-bottom: 5px; }
#artistNameList li a{ line-height: 18px;height: 36px;overflow: hidden;width: 100%;display: block;padding-right: 20px; }
#artistNameList li a:hover{font-weight: bold; font-family: "NotoSansHans-Bold"; }
.nameWarp .narrows{ padding-top: 80px;text-align: center;font-size: 20px;cursor: pointer; }
.nameWarp.active .narrows.down,.nameWarp .narrows.up{ display: none}
.nameWarp.active .narrows.up,.nameWarp .narrows.down{ display: none}
.nameWarp #artistNameList li[dataid].active a,{ font-weight: bold;}
.nameWarp #artistNameList.fadeOutUp li{ display: none}
.nameWarp #artistNameList.fadeInDown li{display: block;}

.nameWarp .navigation{ position: absolute;top: 80px;}

@media (min-width:1024px) {
.nameWarp{ display: block !important;}
.nameWarp.active .narrows.down,.nameWarp .narrows.up{ display: none}
.nameWarp.active .narrows.up,.nameWarp .narrows.down{ display: block}
}