@charset "utf-8";



.Art_Directors_list { padding-bottom:60px; margin-bottom:60px;}
.Art_Directors_list ul {margin-top:50px;}
.Art_Directors_list ul li {padding:30px; border-radius:30px;  border-bottom:1px #ededed solid; border:1px #ededed solid; margin-bottom:30px;}
.Art_Directors_list ul li .col_box {width:100%; display:table; }
.Art_Directors_list ul li .col {display:table-cell; vertical-align:middle;}
.Art_Directors_list ul li .col.photo { padding:0px 40px;  width:200px; vertical-align:top; }
.Art_Directors_list ul li .col.photo .pic {overflow:hidden;border-radius:20px;}
.Art_Directors_list ul li .col.photo img  {width:100%; vertical-align:middle;}
.Art_Directors_list ul li .col.text {padding-left:40px;}
.Art_Directors_list ul li .col.text .t1 {color:#000; font-size:20px;  margin-bottom:35px;}
.Art_Directors_list ul li .col.text .t2 {height:200px; overflow:hidden;   -webkit-mask:linear-gradient(#fff,transparent);    mask:linear-gradient(#fff,transparent); word-break: break-all;}
.Art_Directors_list ul li .col.text .t2 img {vertical-align:middle; max-width:100%;}
.Art_Directors_list ul li .col.text .t2.on {height:auto;  -webkit-mask:none;    mask:none;}
.Art_Directors_list ul li .col.text .show_btn {margin-top:40px;}
.Art_Directors_list ul li .col.text .show_btn a.detail_btn{display:inline-block; color:#f7323f !important; }

.Art_Directors_list ul li .col .project_list {margin-top:20px; margin-top:20px;padding-top:20px; overflow:hidden;}
.Art_Directors_list ul li .col .project_list .list {margin-bottom:10px; border:1px #ededed solid; overflow:hidden; padding:20px;}
.Art_Directors_list ul li .col .project_list .list .p_pic { float:left; width:120px; text-align:left;}
.Art_Directors_list ul li .col .project_list .list .p_pic img {width:80px; vertical-align:top; }
.Art_Directors_list ul li .col .project_list .list .p_text {margin-left:120px; line-height:14px; vertical-align:middle;}