.photo_allery {
    padding: 10px 30px;
    background: #000;
}
.photo_content {
    max-width: 1200px;
    margin: 0 auto;
}
.head {
    display: flex;
    justify-content: space-between;
    align-items: center;
    /* max-width: 80%;
    margin: 0 auto; */
}
.head .close_btn {
    color: #fff;
}
.head .close_btn i {
    margin-right:3px;
    font-size: 20px;
}
.head_r  {
    display: flex;
    justify-content: end;
    align-items: center;
   
}
.photo_ico {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 35px;
    height: 35px;
    border-radius: 50%;
    background-color: transparent;
}
.photo_ico:hover {
    background-color: #323131;
}
.head i {
    color: #fff;
}
.img_content {
    width: 70%;
    height: 100vh;
    margin: 0 auto;
}
.img_content img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}
.caption {
    position: relative;
    width: 80%;
    height: 150px;
    margin: 0 auto;
    margin-top: -150px;
    display: flex;
    justify-content: space-between;
    padding: 10px 20px 40px 20px;
    border-top: 1px solid #323131;
    background: rgba(15,15,15,.8);
}
.description {
    display: flex;
    width: 40%;
}
.close_circle {
    position: absolute;
    top: -15px;
    right: 100px;
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 35px;
    height: 35px;
    border-radius: 50%;
    border: 1px solid;
    background: rgba(15,15,15,.8);
}