/* CSS Document */


/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.outerInfoContainer{
	width:100%;
	position: absolute;
	z-index: 1;
	height:5.208vw;
	bottom:-5.208vw;
}
.outerInfoContainer_c{
	width:100%;
	position: absolute;
	z-index: 1;
	height:3vw;
	bottom:-2vw;
	background: #fff;
}
.outerInfoContainer_d{
	width:100%;
	position: absolute;
	z-index: 1;
	height:4vw;
	bottom:0vw;
}
.outerInfoContainer_e{
	width:100%;
	position: absolute;
	z-index: 20;
	height:3vw;
	bottom:0vw;
	background: #fff;
}
.outerInfoContainer_g{
	display:none
}
.outerInfoFocusContainer{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	/*background:#456789;*/
	display:none;
	z-index: 1;
	
}
.outerInfoFocusContainer_c{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background: rgba(244,5,9,1.00);
	display:none;
	z-index: 1;
	color: #fff;
}
.outerInfoFocusContainer_g{
	display:none;
}
.outerInfoFocusContainer_d{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background: rgba(244,5,9,1.00);
	display:none;
	z-index: 1;
	color: #fff !important;
}
.outerInfoFocusContainer_e{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background: rgba(244,5,9,1.00);
	display:none;
	z-index: 1;
	color: #fff;
}
.outerInfoUnfContainer{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index: 0;	
	/*background:#c1c1b7;*/
	
}
/*
.posterContainer {
	position: relative;
	display: inline-block;
    margin-right: 1.041vw;
	margin-top: 1.325vw;
	transform: perspective(5px) translate3d(0,0,0);
	margin-bottom: 2.604vw;
	z-index: 0;
}
*/
.posterContainer {
    position: relative;
    display: inline-block;
    margin-right: 1.5vw;
    margin-top: 1.5vw;
    transform: perspective(5px) translate3d(0,0,0);
    /* margin-bottom: 2vw; */
    z-index: 0;
     /*box-shadow: 0px 0px 18px rgba(0,0,0,0);*/
}
.imageItem {
	position: absolute;
	height: 100%;
	width: 100%;
	z-index: 1;
    background: #565656;
}

.posterDark{
	/*filter: brightness(50%);*/
	background: rgba(0,0,0,0.5);
}
.posterShadow {
	/*box-shadow: 0vw 0vw 2.4vw 0.2vw #000 !important;*/
	
}



.posterHotSpot{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    z-index: 100;
}

.logoCenter {
	osition: relative;
    /* bottom: -230px; */
    left: 0;
    width: 100%;
    height: 1.0416vw;
    font-family: _light;
    color: #FFFFFF;
    text-align: center;
    margin-top: 2.08vw;
}


.logoBar {
	position: relative;
	width: 100%;
	height: 0.885vw;
}
.logoContainerBar {
	position: relative;
	width: 100%;
	height: 0.156vw;
	margin: 0 auto;
	background: #ACA3A3;
	top: 0;
	text-align: center;
}

.onNowBar {
    position: absolute;
    height: 100%;
    background: #35FFA7;
    left: 0;
    top: 0;
    z-index: 1;
}
.posterFocusText0{
    position: relative;
    left: 0;
    height: 2.083vw;
    font-size: 1.2vw;
    line-height: 2vw;
    text-align: center;
    font-family: _light;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
.posterFocusText0_c{
    position: relative;
    left: 0;
    height: 2.083vw;
    font-size: 1.2vw;
    line-height: 3vw;
    text-align: center;
    font-family: _light;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
	z-index: 100;
}
.posterFocusText0_e{
	position: relative;
    left: 0;
    height: 3.083vw;
    font-size: 1vw;
    line-height: 3.8vw;
    text-align: center;
    font-family: _light;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    z-index: 100;
}

.posterFocusText0_d{
    position: relative;
    left: 0;
    height: 4vw;
    font-size: 1.2vw;
    line-height: 4vw;
    text-align: center;
    font-family: _light;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
	z-index: 100;
}
.posterUnfocusText0{
    position: relative;
    left: 0;
    height: 3vw;
    font-size: 1.5vw;
    line-height: 1.5vw;
    text-align: center;
    font-family: _light;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    margin-top: 1vw;
}
.posterUnfocusText0_c{
    position: absolute;
    left: 0;
    height: 2.083vw;
    font-size: 1.2vw;
    line-height: 3vw;
    text-align: center;
    font-family: _light;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
.posterFocusText0_ipad_{
    position: relative;
    left: 0;
    height: 2.083vw;
    font-size: 1.4vw;
    text-align: center;
    font-family: _light;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
.infoBarContainer{
    position: relative;
    width:
}

.infoComments{
	    color: #c5c5c5;
    position: relative;
    width: calc( 100% - 4vw);
    height: auto;
    z-index: 10;
    display: block;
    font-family: _medium;
    font-size: 0.8vw;
    margin-left: 2vw;
	white-space: normal;
}
.mcrTitle{
	color: #fff;
    position: relative;
    width: 100%;
    height: 1.2vw;
    z-index: 10;
    display: block;
    font-family: _medium;
    font-size: 1vw;
    margin-left: 2vw;
    margin-top: 1.6vw;
}
.mcRatings{
	
    position: relative;
    width: 2.5vw;
    height: 1vw;
    z-index: 10;
    display: block;
    float: left;
    font-family: _medium;
    font-size: 1vw;
    background: url(../images/star.png) left center #fff no-repeat;
	background-size: contain;
}
.mcRatingNum{
	color: #000;
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 10;
    display: block;
    right: 0.2vw;
    text-align: right;
    font-family: _bold;
    font-size: 0.9vw;
    line-height: 1vw;
    vertical-align: middle;
}
.mcTitlecom{
	color: #fff;
    position: relative;
    width: 10vw;
    height: 1vw;
    z-index: 10;
    display: block;
    float: left;
    font-family: _medium;
    font-size: 0.8vw;
    margin-left: 0.8vw;
}
.mcNameDate{
	color: #c5c5c5;
    position: relative;
    height: 2vw;
    z-index: 10;
    display: block;
    font-family: _medium;
    font-size: 0.6vw;
    margin-left: 2vw;
}
.mcComFocusBar{
	backface-visibility: hidden;
    display: none;
    position: absolute;
    width: 100%;
    bottom: 0;
    height: 0.15vw;
    background: aqua;
}
.outerInfoContainerComments{
	position: absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index: 5;
	color: #fff;
    font-size: 1.2vw;
}
/*~~~~~~~~~party ~~~~~*/
.picIdContainer{
	position: relative;
	float: left;
	width: 10vw;
	height: 100%;
	
}
.partyId{
	position: relative;
	width: 7vw;
	height: 7vw;
	top: 50%;
    left: 50%;
    transform: translate(-50%,-60%);
	border-radius: 50%;
	background: url("../images/avatar/Jhon.png");
}
.picIdTx{
	position:absolute;
	width:100%;
	bottom:0.3vw;
	height:2vw;
	text-align: center;
	font-size: 1.2vw;
	font-family: _medium;
	
}
.partyCellContent{
	position: relative;
	float: left;
	width: calc(100% - 10vw);
	height: 100%;
	font-family: _bold;
	
	
	
}

.partyCellNameDate{
	position: relative;
	width: 100%;
	height:3vw;
	text-align: right;
	font-family: _light;
}
.partyCellTxt{
	position: relative;
	width: 100%;
	height: calc(100% - 3vw);
	font-size: 1.4vw;
	white-space: normal;
	font-family: _medium;
}