.detail-article {
font-size: 14px;
line-height: 20px;
}

.readmore {
padding-top: 40px;
margin-bottom: 40px;
-webkit-box-shadow: 0 -10px 40px #fff;
box-shadow: 0 -10px 40px #fff;
position: relative;
}

.readmore .btn-readmore {
display: block;
margin: 0 auto;
width: 208px;
height: 44px;
text-align: center;
line-height: 44px;
border: 1px solid #dedede;
-webkit-border-radius: 4px;
border-radius: 4px;
font-size: 16px;
color: #555;
cursor: pointer;
}

.readmore .btn-readmore em {
color: #ff3d3d;
}

.readmore .btn-readmore i {
display: inline-block;
width: 16px;
height: 8px;
margin-left: 4px;
background: url(/images/arrow_01.png) 50% no-repeat;
}
body {
background: #fff;
}

.camWholeBoxUl {
width: 906px;
}

.camWholeBoxUl > li {
float: left;
width: 161px;
height: 230px;
border: 0;
padding: 14px 5px 0 15px;
}

.camWholeBoxUl > li.op {
width: 501px;
}

.camWholeBoxUl .img {
width: 160px;
height: 160px;
position: relative;
border: solid 1px #e7e6e3;
vertical-align: middle;
display: table-cell;
}

.camWholeBoxUl .price {
display: inline-block;
position: absolute;
right: -1px;
bottom: -1px;
color: #fff;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5f000000',endColorstr='#5f000000');
background-color: rgba(0, 0, 0, 0.5);
width: 160px;
text-align: left;
text-indent: 10px;
height: 22px;
line-height: 23px;
}

.Text_transparent {
width: 200px;
height: 200px;
background-color: rgb(100,200,300);
filter: alpha(opacity=50);
background: rgba(100,200,300,0.5);
}

.Text_transparent p {
position: relative;
}

.camWholeBoxUl > li img {
max-height: 160px;
overflow: hidden;
margin: auto;
max-width: 156px;
max-height: 160px;
_width: expression(this.width>156?"156px":true);
_height: expression(this.height>160?"160px":true);
}

.camLiTitleC.hot {
width: 150px;
height: 40px;
line-height: 20px;
word-wrap: break-word;
word-break: break-all;
overflow: hidden;
}

.tb {
padding: 10px 3px;
}