/*

*/



/*------  data boxiin   slidorion:ista */


.mov {
	width: 702px;		
  height: auto;	
	position: relative;
	overflow: hidden;	
	margin: 0;	
  /*padding-bottom: 10px; */
}

.mov .image_bg {
display: block; 
position: relative;
width: 702px;
height: 351px;
margin-bottom:8px;	
background-color: lightgray;
background-repeat:no-repeat;
background-position:0px -44px; /*-49px; */
background-size:100%; /*840px 472px;*/
z-index:1;
}

.mov .mov_info_bg { 
top: 241px; 
display: block; 
position: absolute; 
width: 702px; 
height: 110px; 
background-color:#000; 
opacity:0.6;
filter:alpha(opacity=60);
zoom: 1;
z-index:10;
}


.mov .mov_info { 
padding: 10px 10px 10px 10px;
top: 236px; 
display: block; 
position: absolute; 
width: 682px; 
color:#F6F6F6; 
z-index:10;
text-shadow: 0 0 4px rgba(0, 0, 0, 1);
}



.mov  h2 {
	color:#f4dd83;
	display:block;
	width: 400px;	

	margin: 0 0 0 220px;
	padding:0px;
	font-size:130%; 
	text-shadow: 0px 0px 4px rgba(0, 0, 0, 1);
	}
	
.mov .mov_year {
	padding-left: 5px;
	color:#E4E3E3;
	font-size: 85%;
  
	}
  
.mov .mov_aka {
  display:block;
	width: 400px;	
	overflow:hidden;
	position:relative;
	margin: 0px 0 0 220px;
	padding:0px; 
	font-size: 1.0em; 
	line-height: 1.2em;
	font-style:italic;

}
	

.mov .pa {
	color:#f4dd83;
	text-decoration:none;
	cursor:pointer;
	}
	
.mov .pa:hover{
	color:#DEB887;
	}
	
.actor .pa {
	color:#a8843d;
	text-decoration:none;
	cursor:pointer;
	}	
	
.actor .pa:hover{
	color:#7F4C12;
	}	
	
.mov  #fate {
	margin-left:10px; 
	color:#A8A8A8;
	} 
	
.mov .mov_poster {
	border: 1px solid #4D4D4D;
	display: block; 
	margin-top: -30px; 
	margin-right: 20px;
	position: absolute;
	}

.mov .people {
	display:block;
	overflow:hidden;
	padding:0px; 
	font-size: 1.1em; 
	line-height: 1.2em;
  margin-left: 220px;
	}

.mov .director {
  clear:both;	
	display:block;
  width: 400px;
  position:relative;		
}

.mov .writer {	
  clear:both;	
	display:block;
  width: 400px;
  position:relative;	
}

.mov .actor {	
	display:block;
	width: 460px;	
	overflow:hidden;
	position:relative;	
	margin: 0px 0 0 230px;
	padding:7px 0px 0px 0px; 
	font-size: 1.2em; 
	line-height: 1.2em;
	height:87px;
}

.mov .actor b, .mov #genre b {
    color: #6A6A6A;
}

.mov  #genre {
	display: block;
    font-size: 1.2em;
    line-height: 1.15em;
    margin: 0px 0 0 230px;
    overflow: hidden;
    padding: 0;
    width: 460px;
	overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
	position:relative;	
	}

	
  
.mov b {
    /*color: #E4E3E3;
    font-family: Oswald;
    font-size: 13px;
    font-weight: inherit;*/
	color: #ffffff;
    font-weight: bold;
	}
	
.mov  #av_pics {
	display: block;
    float: right;
    margin-top: -111px;
    padding-right: 10px;
    position: relative;
    text-align: right;
    vertical-align: middle;
    width: 190px;
    z-index: 10;
	} 
	
.mov #av_pics img {
	border: medium none;
    margin: 1px;
    position: relative;
	}   

.mov #studio_pics {
	clear: both;
    display: block;
    float: right;
    margin-top:-89px;
    padding-right: 10px;
    position: relative;
    text-align: center;
    white-space: nowrap;
    width: 65px;
    z-index:20;
	}    
	
.mov #studio_pics img {
	margin: 3px 0 0;
	position: relative;
	vertical-align:middle;
	white-space: nowrap; 
	border:none;
	}   



.mov .rating_stars_mov {
	display:block;	
	position:relative;
	width: 140px;
	height: 15px;
	margin: 2px 0 4px 220px; 
	}
	
.mov .rating_stars_mov .stars_mov_0 {
	display:block;
	position: absolute;
	background: transparent url(/templates/eco/images/stars_0.png) top left no-repeat;
	top: 0px;
	left: 0px;
	width: 140px;	
	height: 15px;	
	z-index: 101; 
	}
	
.mov .rating_stars_mov .stars_1 {
	display:block;  
	position: absolute;	
	background: transparent url(/templates/eco/images/stars_1.png) top left no-repeat;	
	top: 0px;	
	left: 0px;	
	height: 15px;	
	z-index: 102; 
	}






.text_container { 
  
  clear: both; 
  width: 702px; 
  margin: 110px 0px 0px 0px; 
}

.text_nano {
  overflow: hidden; 
  position: relative;
  clear: both;
  width:702px;
  margin:0 auto;
}

.i-text {
  /*font-family: 'Oswald', serif;'*/ 
  font-weight: 300;
  font-size: 1.4em;
  line-height: 1.3em;
  clear: both;
  display:block; 
  width:680px; 
  padding: 0 10px 20px 10px;
  overflow: auto;  
  position:relative;
  margin-top: 30px; 
  text-align:justify;
}

.i-text:first-letter { 
  color: #848484;
    font-size: 1.7em;
    font-weight: normal;
}

.i-text pre{ 
display: block;
margin: 0;
padding: 0;
text-align: center;
}

.i-text br {
		line-height: 0.6em;
}



.i-text p {
	margin: 0;
}


.plex {
    background: url("/templates/eco/images/plex_button_150.png") no-repeat scroll 50% 50% transparent;
    cursor: pointer;
    height: 246px;
    width: 702px;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    z-index: 99;
    -webkit-transition: all 0.8s ease;
    -moz-transition: all 0.8s ease;
    -o-transition: all 0.8s ease;
    -ms-transition: all 0.8s ease;
    transition: all 0.8s ease;
    /*transition:visibility 0s linear 0.5s,opacity 0.5s linear;*/
}

.plex:hover {
  visibility:visible;
  opacity:1;
}


.play {
    background: url("/templates/eco/images/plex_button_150.png") no-repeat scroll 50% 50% transparent;
    cursor: pointer;
    height: 246px;
    width: 702px;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    z-index: 99;
    -webkit-transition: all 0.8s ease;
    -moz-transition: all 0.8s ease;
    -o-transition: all 0.8s ease;
    -ms-transition: all 0.8s ease;
    transition: all 0.8s ease;
    /*transition:visibility 0s linear 0.5s,opacity 0.5s linear;*/
}

.play:hover {
  visibility:visible;
  opacity:1;
}