/*---view css---*/

.main{
	width: 860px;
}
.title{
	font-size: 30px;
}
.number{
    width: 150px;
    height: 27px;
    background: url(/img/cover/number_bg.png) no-repeat left top;
    font-size: 14px;
    text-align:  right;
    line-height: 29px;
    padding: 0px 7px 0px 0px;
}
.number + div{
    border-bottom: 1px solid #ededed;
    margin: 10px 0px 10px 0px;
    padding: 0px 0px 10px 0px;
}
.number + div div{
    width: 696px;
    float: left;
}
.number + div div p{
    font-size: 18px;
    font-weight: bold;
    line-height: 18px;
}
.number + div div p:first-child{
    font-size: 14px;
}

.number + div img{
    width: 164px;
    float: right;
    display: block;
    cursor: pointer;
}

.text{
	margin: 0 0 20px 0;
}
.text p{
    border-bottom: 1px solid #ededed;
    margin: 0px 0px 0px 0px;
}

.mainImage{
    width: 464px;
    float: left;
    position: relative;
    border: 3px solid #eeeeee;
}
.mainImage .img {
	width:464px;
	height:464px;
	text-align: center;
	line-height: 464px;
}
.mainImage .img img{
    max-width: 463px;
    max-height: 463px;
}
.mainImage .thumb{
	background:#F6F4F4;
}
.mainImage .thumb img {
    width: 48px;
	cursor:pointer;
}
.mainImage>img#imgL,
.mainImage>img#imgR{
    width: 40px;
    position: absolute;
    top: 164px;
    border: none;
    cursor: pointer;
}
#imgL{
    left: 0px;
}
#imgR{
    right: 0px;
}
.mainImage>div{
    background-color: #eeeeee;
}
.mainImage>div>div{
    width: 48px;
    height: 48px;
    float: left;
    position: relative;
    border: 1px solid #eeeeee;
    background-color: #ffffff;
    margin: 11px 0px 12px 7px;
}
.mainImage>div>div:first-child{
    margin: 11px 0px 12px 10px;
}
.mainImage>div>div img{
    width: 48px;
    height: 48px;
}
.mainImage>div>div p{
    height: 36px;
	width:245px;
    display: none;
    position: absolute;
    left: 10px;
    bottom: -40px;
    background: url(/img/cover/onMouse_center.png) repeat-x left top;
    line-height: 36px;
	z-index:50px;
}
.mainImage>div>div p:before{
    width: 5px;
    height: 36px;
    content: " ";
    position: absolute;
    left: -5px;
    bottom: 0px;
    background-image: url(/img/cover/onMouse.png);
    background-position: 0 -62px;
}
.mainImage>div>div p:after{
    width: 5px;
    height: 36px;
    content: " ";
    position: absolute;
    right: -5px;
    bottom: 0px;
    background-image: url(/img/cover/onMouse.png);
    background-position: 0 -148px;
}
.mainImage>div>div span:first-child{
    width: 8px;
    height: 12px;
    display: block;
    position: absolute;
    left: 0px;
    top: -10px;
    background-image: url(/img/cover/onMouse.png);
    background-position: 0 0;
}

.mainImage + div{
    width: 370px;
    float: right;
}
.mainImage + div>div{
    position: relative;
    background-color: #efefef;
    margin: 0px 0px 10px 0px;
}
.mainImage + div>div p{
    height: 34px;
    float: left;
    font-size: 14px;
    line-height: 34px;
    padding: 0px 0px 0px 7px;
}
.mainImage + div>div img{
    float: right;
    display: block;
    cursor: pointer;
    margin: 5px 5px 5px 0px;
}
.mainImage + div>div ul{
    width: 154px;
    display: none;
    position: absolute;
    right: 5px;
    top: 40px;
    background: url(/img/cover/popup_middle.png) repeat-y top left;
    padding: 3px 0px 8px 13px;
}
.mainImage + div>div ul:before{
    width: 167px;
    height: 14px;
    content: " ";
    position: absolute;
    right: 0px;
    top: -14px;
    background: url(/img/cover/popup_top.png) no-repeat top left;
}
.mainImage + div>div ul:after{
    width: 167px;
    height: 6px;
    content: " ";
    position: absolute;
    right: 0px;
    bottom: -6px;
    background: url(/img/cover/popup_bottom.png) no-repeat top left;
}

.mainImage + div>div ul a{
    background: url(/img/cover/arrow.png) no-repeat left center;
    line-height: 25px;
    text-decoration: none;
    padding: 0px 0px 0px 11px;
}
.mainImage + div>div ul input{
    width: 30px;
    height: 30px;
    border: none;
    background: url(/img/cover/button.png) no-repeat left top;
    cursor: pointer;
}
.mainImage + div>div ul input:first-child{
    width: 100px;
    height: 32px;
    background: url(/img/cover/input_bg.png) no-repeat left top;
    cursor: text;
    color: #b2b2b2;
    margin: 0px 3px 0px 0px;
    padding: 0px 0px 0px 7px;
}
.mainImage + div dt{
    width: 101px;
    height: 26px;
    clear: both;
    float: left;
    background: url(/img/cover/list_bgEven.png) no-repeat left top;
    color: #585858;
    line-height: 26px;
    padding: 0px 0px 0px 7px;
}
.mainImage + div dt.odd{
    background: url(/img/cover/list_bgOdd.png) no-repeat left top;
}
.mainImage + div dd{
    width: 262px;
    float: left;
    font-size: 14px;
    line-height: 26px;
}
.mainImage + div dd.odd{
    background-color: #f6f4f4;
}

.floor{
    clear: both;
    padding: 17px 0px 0px 0px;
}
.floor>p{
    float: left;
    font-size: 14px;
    font-weight: bold;
    line-height: 1;
    margin: 22px 0px 0px 4px;
}
.floor .switch{
    float: right;
    margin: 0px 0px 6px 0px;
}

.floor table{
    clear: both;
    border-collapse: collapse;
}

.floor thead tr{
    border: 1px solid #e7e7e7;
    background-color: #ffef01;
}
.floor thead th{
    color: #646464;
    font-weight: normal;
}
.floor thead th.tac{
    text-align: center;
}
.floor thead th:first-child{
    padding: 0px 0px 0px 12px;
}
.floor tbody tr{
    border: 1px solid #e7e7e7;
}
.floor tbody td{
    padding: 0px 0px 0px 0px;
}
.floor tbody td p{
    font-size: 14px;
    background-color: #f6f4f4;
    text-align: right;
    font-weight: bold;
    padding: 0px 48px 0px 0px;
}
.floor tbody td:first-child{
    vertical-align: top;
    background-color: #ffffff;
    padding: 0px 0px 0px 12px;
}
.floor tbody td p:first-child{
    background-color: #ffffff;
    font-weight: normal;
}
.floor tbody td.area p{
    background-color: #ffffff;
    text-align: right;
    font-weight: normal;
    padding: 0px 0px 0px 0px;
    padding-right: 10px;
}
.floor tbody td.area + td{
    border-left: 1px solid #e7e7e7;
    padding: 0px 0px 0px 3px;
}
.floor tbody td.area + td p{
    background-image: url(/img/cover/total.png);
    background-repeat: no-repeat;
    background-position: left center;
}
.floor tbody td.area + td p.T{
    background-image: url(/img/cover/perT.png);
    background-repeat: no-repeat;
    background-position: left center;
}
.floor tbody td.area + td p.M{
    background-image: url(/img/cover/perM.png);
    background-repeat: no-repeat;
    background-position: left center;
}

.floor .checked td:first-child,
.floor tbody .checked td p:first-child,
.floor tbody .checked td.area p,
.floor tbody .checked td.area + td p:first-child,
.floor tbody .checked td.area + td{
    background-color: #fffddb;
}
.floor tbody .checked td p,
.floor tbody .checked td.area + td p{
    background-color: #f6f2d2;
}


.floor + div{
    width: 280px;
    margin: 13px auto 11px;
}
.floor + div img{
    cursor: pointer;
}

.similarity{
    width: 860px;
    margin: 32px auto 0px;
}
.similarity>p{
    font-size: 14px;
    font-weight: bold;
    line-height: 1;
    margin: 0px 0px 7px 4px;
}
.similarity>div{
    border: 1px solid #dbdbdb;
    background-color: #f9f9f9;
    padding: 14px 11px 14px 11px;
}
.similarity>div>div{
    width: 262px;
    float: left;
    margin: 0px 0px 0px 25px;
}
.similarity>div>div:first-child{
    margin: 0px 0px 0px 0px;
}
.similarity>div>div img{
    width: 108px;
    height: 108px;
    float: left;
    border: 1px solid #cfcfcf;
}
.similarity>div>div>div{
    width: 148px;
    float: right;
    padding: 5px 0px 0px 0px;
}
.similarity>div>div>div p{
    line-height: 18px;
}
.similarity>div>div>div p a{
    text-decoration: none;
}

.cb{
    clear: both;
}
.clearfix:after {
	content: " ";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
.clearfix { display: inline-block; }
/* \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* */