/*演员阵容*/
.yyzr{ padding:50px 0 60px; }

.yyzr li{ width:21%; margin:0 2% 20px; float:left; text-align:center; }
.yyzr li .pic{ width:100%; height:307px; position:relative; line-height:307px; overflow:hidden; }
.yyzr li .pic img{ display:inline-block; position: absolute; top:0; left:0; vertical-align:middle; width:100%; height:100%; transition:all 1s; -o-backface-visibility:hidden; -ms-backface-visibility:hidden; -moz-backface-visibility:hidden; -webkit-backface-visibility:hidden; backface-visibility:hidden; }
.yyzr li .pic img:nth-child(2){-o-transform: rotateY(-180deg); -ms-transform: rotateY(-180deg); -moz-transform: rotateY(-180deg); -webkit-transform: rotateY(-180deg); transform: rotateY(-180deg);}
.yyzr li a{ display:block; padding:10px; background:#f6f6f6; box-shadow:6px 7px 10px #ececec; }
.yyzr li .text{ padding:34px 0 13px 5px; }
.yyzr li h3{ height:40px; line-height:40px; text-align:center; color:#000; font-weight:bold; font-size:20px; }
.yyzr li .nr{ color:#666; font-size:18px; text-align:left; line-height:30px; height:60px; overflow:hidden; }

.yyzr li:hover h3{ color:#cfa735; }

.yyzr li:hover img:nth-child(1){ -o-transform: rotateY(-180deg); -ms-transform: rotateY(-180deg); -moz-transform: rotateY(-180deg); -webkit-transform: rotateY(-180deg); transform: rotateY(-180deg); }
.yyzr li:hover img:nth-child(2){ -o-transform: rotateY(0deg); -ms-transform: rotateY(0deg); -moz-transform: rotateY(0deg); -webkit-transform: rotateY(0deg); transform: rotateY(0deg); }


/*演员阵容-详情*/
.yyzr_xq{ padding:50px 0 72px; }
.yyzr_xq .title{ height:78px; line-height:78px; text-align:center; border-top:1px dotted #e8e8e8; border-bottom:1px dotted #e8e8e8; }
.yyzr_xq .title h3{ font-size:22px; color:#043883; }
.yyzr_xq .title span{ width:40px; height:2px; margin:0 20px; display:inline-block; vertical-align:middle; background:#043883; }
.yyzr_xq .pic_box{ padding:40px 0 50px; }
.yyzr_xq .pic{ width:304px; max-width:96%; margin:0 auto; border:2px solid #f2ab02; }
.yyzr_xq .pic img{ width:100%; height:100%; display:block; }
.yyzr_xq .text{ padding:42px 85px 0 108px; border-top:1px dotted #e8e8e8; color:#666; font-size:14px; line-height:30px; }
.yyzr_xq .text .jl{ text-indent:2em; }



@media only screen and (max-width: 1199px) {
    
    .yyzr li{ width:29.33%; }
}

@media only screen and (max-width: 1023px) {
    
    
}

@media only screen and (max-width: 959px) {
    
}   

@media only screen and (max-width: 767px) {
    .yyzr li{ width:46%; }
    .yyzr_xq{ padding:30px 0 40px; }
    .yyzr_xq .title{ height:60px; line-height:60px; }
    .yyzr_xq .pic_box{ padding:20px 0; }
    .yyzr_xq .text{ padding:20px 30px 0; }
}

@media only screen and (max-width: 559px) {
    .yyzr li .text{ padding-top:15px; }
    .yyzr li .nr{ font-size:14px; line-height:24px; height:48px; }
}

@media only screen and (max-width: 479px) {
    .yyzr li .pic{ height:160px; line-height:160px; }
    .yyzr_xq .text{ padding-left:0; padding-right:0; font-size:12px; line-height:24px; }
}