.fourlist
{
    border:0px solid red;
}
.say {
    border: 0px solid #007ACC;
    width:1200px;
    margin-left:20px;
}
.sayOne {
    border: 0px solid red;
    width: 1200px;
    height: 144px;
    /*background-image: url('/Areas/Web/Content/images/Fourhistories/Rectangle 1344.png');*/
    margin-top:20px;
    position:relative;
}
.sayleft {
    border: 0px solid red;
    width: 85px;
    height: 85px;
    background-image: url('/Areas/Web/Content/images/Fourhistories/yinyue.png');
    background-size: 100% 100%;
    margin-left: 21px;
    margin-top: 29px;
    float: left;
}
.sayright {
    border: 0px solid red;
    width: 1015px;
    height: 105px;
    float: left;
    margin-left: 43px;
    margin-top: 27px;
}
.imgleft {
    border: 0px solid red;
    width: 800px;
    height: 58px;
}
.timeImg {
    border: 0px solid red;
    width: 20px;
    height: 20px;
    background-image: url('/Areas/Web/Content/images/Fourhistories/time 1.png');
    background-size: 100% 100%;
    margin-top: 10px;
    float: left;
}
.datetime {
    border: 0px solid red;
    float: left;
    margin-left: 3px;
    margin-top: 9px;
}
.zzbfimg {
    border: 0px solid red;
    width: 40px;
    height: 40px;
    background-image: url('/Areas/Web/Content/images/Fourhistories/notbfImg.png');
    background-size: 100% 100%;
    float: right;
    margin-top: -60px;
}
.imgleft p {
    border: 0px solid #007ACC;
    font-size: 20px;
    font-weight: bold;
    position:relative;
    margin-left:-12px;
    vertical-align: middle;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
}
.imgleft span {
    font-size: 20px;
    font-weight: bold;
}
.imgbutton {
    border: 0px solid red;
    width: 1015px;
    height: 30px;
    margin-top:14px;
}
.jdtone {
    border: 0px solid red;
    width: 921px;
    height: 8px;
    background-image: url('/Areas/Web/Content/images/Fourhistories/Rectangle 1343.png');
    background-size: 100% 100%;
    margin-top:10px;
    position:absolute;
}
.jdtoneUp {
    border: 0px solid red;
    width: 8px;
    height: 8px;
    border-radius:4px;
    background-image: url('/Areas/Web/Content/images/Fourhistories/Rectangle 1344(1).png');
    background-size: 100% 100%;
    position:relative;
}
.jdtoneNex {
    border: 0px solid red;
    width: 78px;
    height: 20px;
    background-image: url('/Areas/Web/Content/images/Fourhistories/Group 1845.png');
    background-size: 100% 100%;
    margin-left: 188px;
    position: relative;
    margin-top: -13px;
}
.labaImg {
    border: 0px solid red;
    width: 18px;
    height: 18px;
    background-image: url('/Areas/Web/Content/images/Fourhistories/labaimg.png');
    background-size: 100% 100%;
    float:right;
    margin-right:6px;
    margin-top:4px;
}
.imgbutton span {
    float: right;
    color: #999999;
    margin-top: 6px;
}
.zggc_title label {
    border: 0px solid red;
    margin-top: 0px;
    height:28px;
    text-align:center;
}
#PanoramaVideoPreview {
    position: fixed;
    max-width: 100%;
    max-height: 100vh;
}