.imagedetail {
    position: relative;
}
.imagedetail .bulle1 {
    position: absolute;
    left: -100px;
    top: 0px;
    width: 162px;
    height: 162px;
    border: 1px solid #0069C8;
    border-radius: 100%;
    color: #1D1D1B;
    font-size: 12px;
    line-height: 16px;
    padding: 26px 18px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    transition: 2s;
}
.imagedetail .bulle1:after {content: "";position: absolute;width: 83px;height: 1px;background: #0069C8;bottom: 2px;right: -55px;transform: rotate(45deg);}
.imagedetail .bulle2 {
    position: absolute;
    right: 0px;
    bottom: 0px;
    width: 106px;
    height: 106px;
    border: 1px solid #0069C8;
    border-radius: 100%;
    color: #1D1D1B;
    font-size: 12px;
    line-height: 16px;
    padding: 22px 10px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    transition: 2s;
}
.row-imagedetail {
    padding-bottom: 30px;
}
.imagedetail .bulle2:after {
    content: "";
    position: absolute;
    width: 83px;
    height: 1px;
    background: #0069C8;
    top: 0;
    left: -67px;
    transform: rotate(35deg);
}