.area2{
    width:1200px;
    background-color: #ffffff;
    margin-top:0px;
    height:50px;
   }
   .area2 .name{
    font-size: 18px;
    color: #000000;
    }
    .area2 .namehead{
       height:48px;line-height: 48px;border-bottom: 2px solid #333333;width:72px;margin-left:20px
    }
    .collection{
    width: 1200px;
    height:170px;
    background-color: #ffffff
}
.collection .content{
    float: left;
    margin-top: 25px;height:144px;width:1147px;border-bottom: 1px solid #e5e5e5;margin-left:25px
}
.collection .content .content-img{
    width:150px;
    height:140px;
    float: left;
    text-align: center;
    vertical-align: middle;
}
.collection .content img{
    max-width: 100%;
    height: 100%;
    border-radius: 2px;
}

.collection .content .content-text{
    width:977px;
    height:116px;
    margin-left: 20px;
    float: left;
}
.collection .content .content-text .text{
    color: #333333;
    overflow: hidden;
    text-overflow: ellipsis;
    height:30px;
    font-size: 20px;
    line-height: 30px;
    white-space: nowrap;
    width: 900px;
}
.collection .content .content-text .message{
   height:33px;margin-top:5px
}
.collection .content .content-text .personicon{
    float:left;height:33px;width:33px
}
.collection .content .content-text .username{
	height: 33px;
    line-height: 33px;
    float: left;
    max-width: 800px;
    margin-left: 10px;
    margin-right: 10px;
    font-size: 16px;
    overflow: hidden;
    color: #333333;
}
.collection .content .content-text .staricon{
    background-image: url(../../image/css_sprites.png);background-repeat: no-repeat;
    height: 15px;width: 15px;float:left;margin-top: 8px
}
.yellowstar{
	background-position: -183px -173px;
}
.graystar{
	background-position: -183px -152px;
}
.collection .content .content-text .end{
    height:62px;
    line-height: 31px;
    overflow: hidden;
    font-size: 14px;
    color:#333333;
  /* -webkit-line-clamp: 2;
    display: -webkit-box;
    -webkit-box-orient: vertical;*/

}

 .end .textp{position: relative; line-height: 31px; max-height:62px;overflow: hidden;word-break: break-all;}

 .textp:after{

     content: ""; color:#000; position: absolute; bottom: 0; right: 0; padding-left:100px;

     background: -webkit-linear-gradient(left, transparent, #FFFFFF 95%);

     background: -o-linear-gradient(right, transparent, #FFFFFF 95%);

     background: -moz-linear-gradient(right, transparent, #FFFFFF 95%);

     background: linear-gradient(to right, transparent,#FFFFFF 95%);

 }