@charset "utf-8";
/* CSS Document */
@media screen and (max-width: 1000px) {
.coffee .corner-left,.coffee .corner-right,.coffee .corner-bottom,.coffee .corner-top{border-left:2px solid #fff;border-top:2px solid #fff;top:7px;left:7px;}
.coffee .corner-right{right:7px;left:auto;border-right:2px solid #fff;border-top:2px solid #fff;border-left:none}
.coffee .corner-bottom{right:7px;left:auto;top:auto;bottom:7px;border-right:2px solid #fff;border-bottom:2px solid #fff;border-top:0;border-left:none}
.coffee .corner-top{top:auto;left:7px;top:auto;bottom:7px;border-right:none;border-bottom:2px solid #fff;border-top:0;border-left:2px solid #fff;}
.coffee:hover .corner-left,.coffee:hover .corner-right,.coffee:hover .corner-bottom,.coffee:hover .corner-top{width:15px;height:15px;}
.photos_list_name {
    font-size: 1.1em;
}
.photos_detail_name {
    font-size: 1.1em;
}
}
@media screen and (max-width: 767px) {
.photos_box{
    width: 90%;
}
.photos_title span {
    font-size: 1.5em;
    letter-spacing: 2px;
    padding: 0.5em;
}
.photos_title img {
    margin-right: 0.5em;
    max-width: 35px;
}
.photos_title img.photos_title_stitle {
    margin-left: 0.5em;
    max-width: 70px;
}
/*photos_list*/
.photos_list_pic_box {
    padding: 9px 4px;
}
.photos_list_name {
    font-size: 0.9em;
    margin: 2px 0;
}
/*photos_detail*/
.photos_detail_pic_box {
    padding: 9px 4px;
}
.photos_detail_name {
    font-size: 0.9em;
    margin: 2px 0;
}
.photos_detail_box a:hover .photos_detail_hover{
    -webkit-background-size: 30px auto;
    background-size: 30px auto;
}
.coffee .corner-left,.coffee .corner-right,.coffee .corner-bottom,.coffee .corner-top{border-left:2px solid #fff;border-top:2px solid #fff;top:5px;left:5px;}
.coffee .corner-right{right:5px;left:auto;border-right:2px solid #fff;border-top:2px solid #fff;border-left:none}
.coffee .corner-bottom{right:5px;left:auto;top:auto;bottom:5px;border-right:2px solid #fff;border-bottom:2px solid #fff;border-top:0;border-left:none}
.coffee .corner-top{top:auto;left:5px;top:auto;bottom:5px;border-right:none;border-bottom:2px solid #fff;border-top:0;border-left:2px solid #fff;}
.coffee:hover .corner-left,.coffee:hover .corner-right,.coffee:hover .corner-bottom,.coffee:hover .corner-top{width:15px;height:15px;}
#mark > .big_img_info .bot_img img {
    width: 55px !important;
    height: 40px !important;
}
.big_img_info .bot_img{
    max-height:65px;
    overflow-x: auto;
    white-space: nowrap;
}
}