@charset "utf-8";
/* CSS Document */

#popwindow {display:none;position:fixed;right:0;bottom:0;width:20%;z-index:99;}
#popwindow .fold{position:absolute;left:0;bottom:-70px;width:100%;transition:bottom .3s all;padding-top:30px;}
#popwindow .fold.show{bottom:0;}
#popwindow .fold .pop_info{height:30px;padding:3px 15px 0;font-size:15px;font-weight:normal;line-height:30px;padding-left:40px;background:#333;color:#FFF;}

/*Open----------------------------------*/
#popwindow .open{padding-top:30px;transition:transform .3s all;}
#popwindow .open.hide{transform:translateY(100%);}
#popwindow .open .inner{box-shadow:0 0 15px rgba(0,0,0,.5);background-color:rgba(255,255,255,1);transition:height 5s all;}
/*#popwindow .open .inner > *{width:50%;}*/
#popwindow .open .pop_info{display:none;}
#popwindow .details{width:100%;padding:10px;}
#popwindow .pop_img{width:100%;overflow:hidden;}
#popwindow .pop_img img{display:block;width:100%;height:auto;transition:.5s all;}
#popwindow .pop_img a:hover img{transform:scale(1.05);}
#popwindow .title {margin:10px 0;font-size:15px;padding-left:10px;text-align:center;}
#popwindow .more a{display:block;width:100%;border:1px solid #AAA;margin:20px auto 0;padding:10px;text-align:center;transition:.3s all;}
#popwindow .more a:hover{background:#333;color:#FFF;}
#popwindow .details .more a{font-size:11px;}

/*Close----------------------------------*/
#popwindow .close{background:#333;width:30px;height:30px;paddint-top:3px;text-indent:-9999px;font-size:0;line-height:1;color:#FFF;position:absolute;left:0;top:30px;transition:5s all;}
#popwindow .close .inner{display:none;}
#popwindow .close::before{content:"";display:block;width:10px;height:10px;position:absolute;left:50%;transform:translate(-50%,-50%) rotate(45deg);}
#popwindow .open .close::before{border-right:1px solid  #FFF;border-bottom:1px solid  #FFF;top:40%;}
#popwindow .fold .close::before{border-left:1px solid  #FFF;border-top:1px solid  #FFF;top:60%;}
#popwindow .close:hover{cursor:pointer;}

@media screen and (max-width:1600px){}
@media screen and (max-width:1440px){}
@media screen and (max-width:1366px){
#popwindow {width:300px;max-width:30%;z-index:9999;}
}
@media screen and (max-width:1280px){}
@media screen and (max-width:1024px){
#popwindow {width:300px;max-width:30%;z-index:9999;}
}
@media screen and (max-width:768px){}
@media screen and (max-width:640px){
#popwindow {display:none;}
#popwindow .open{display:none;}
}