/* >= 1100 */
@media screen and (min-width: 1100px){  
    .imageItemBox .topImage .mainImage{
	    height: 300px;
	}
    .topImage{
        height: 300px;
        overflow: hidden;
    }
	.imageItemBox{
	    float: left;
	    margin: 5px;
	}
	
    .bottomImageBox{
        padding: 0px 10px 5px 10px;
    }
     .centerImageDesc font{
        font-weight: bold;
    }
    .centerImageDesc {
        height: 36px;
    }

    .playImage {
        width: 60px;
        height: 60px;
        position: absolute;
    }

}

/* < 1100 */
@media screen and (max-width: 1100px){
	.imageItemBox .topImage .mainImage{
	    width: 100%;
	    height: auto;
	    margin:auto;
	}
	.imageItemBox{
    	margin-bottom: 10px;
    	border-radius: 10px;
	}
	.mainRightBox{
		clear:both;
	}
	#tagBox{
		display:none;
	}
    .centerImageDesc{
        font-size: 9px;       
    }
    .centerImageDesc {
        max-height: 36px;
    }
    .playImage{
        width:50px;
        height:50px;
        position: absolute;
    }
}
.topImage{
    position: relative;
}
.imageItemBox{
    background: #fff;
    border: 1px solid #eee;
    color: #666;
}

.centerImageDesc{
    width: 202px;
    margin: auto;
    overflow: hidden;
    padding-top: 5px;
}


.bottomImageLeft{
    float: left;
    width: 110px;
}

.bottomImageRight{
    float: right;
}

.bottomImageLeft, .bottomImageRight{
    word-break:keep-all;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
    font-size: 11px;
    color: #666;
}



.pageDetailBoxA{
    display: inline-block;
}

#tagParentBox {
    width: 100%;
}
#tagBox {
    margin: 20px 0 0 0px;
    background-color: rgba(255, 105, 180, 0.2);
    border-radius: 10px;
    padding: 10px;
}

#tagBox .selectTagLi {
    background-color: #f98ee2;
}

#tagBox li {
    background-color: #fc6f88;
    border-radius: 5px;
    padding: 5px;
    margin: 5px;
    color: #fff;
}
.playImage{
    top:0;
    right:0;
    bottom:0;
    left:0;
    margin:auto;
	cursor:pointer;
}