/* ---- .objectlist_placeholder > .object_container --------------------------------------- ---*/

/* must change the values of Winz.Content.resize() in winz.005.000.content.min.js */
	
.object_container {   	
	min-width:226px;
	max-width:476px;
	min-height: 127px;	
	max-height:269px;
	
	width: 226px;
	height: 127px;
	
	background-color:#FFFFFF;
	line-height:16px;
	position:relative;
	display:inline-block;
	text-align:left; 
	
	float:left;
	border-radius:3px;
			
	margin: 11px;
	border:1px Solid #cacaca;	
	
	-webkit-box-shadow: 0px 0px 3px 1px rgba(0, 0, 0, .05);
	-moz-box-shadow:0px 0px 3px 1px rgba(0, 0, 0, .05);
	box-shadow: 0px 0px 3px 1px rgba(0, 0, 0, .05);
}


.object_container[viewpoint=two], 
.object_container[viewpoint=eight] {   	
	width: 476px;
	height: 127px;
}
.object_container[viewpoint=three],
.object_container[viewpoint=seven] { 
	width: 226px;
	height: 269px;

}
.object_container[viewpoint=four] { 
	width: 476px;
	height: 269px;
	overflow:hidden;
}

.object_container:hover {   
	border: 1px Solid #0096FF;
	box-shadow: 0px 0px 6px 0px rgba(0, 155, 255, .5);
}

	.object_container > .object_content, 
	.object_container > .objectdata_content {
		display:inline-block;
		float: left;
		position:relative;								
	}
	.object_container > .object_content {
		min-width:226px;	
		max-width:478px;
		min-height:127px;
		max-height:269px;
		
		width: 100%;
		height:100%;
	
		position:relative;
		border-radius: inherit;
		background-color:#000;	
	}
	.object_container > .objectdata_content {
		min-width:0px;
		max-width:250px;
				
		min-height:0%;
		max-height:100%;

		width: 0px;
		height:0px;
		
		text-align:left;
		padding: 0px;

		position:relative;
		border-radius: inherit;	
		display:none;
	}

	.object_container[viewpoint=two] > .object_content, 
	.object_container[viewpoint=eight] > .object_content {   	
		width: 226px;
		height: 100%;
	 	border-top-right-radius: 0px;
     	border-bottom-right-radius:0px;
	}
	.object_container[viewpoint=three] > .object_content,
	.object_container[viewpoint=seven] > .object_content { 
		width: 100%;
		height: 127px;
		border-bottom-left-radius: 0px;
     	border-bottom-right-radius:0px;

	}
	.object_container[viewpoint=four] > .object_content,
	.object_container[viewpoint=four][playerloaded=false] > .object_content { 
		width: 226px;
		height: 100%;
		border-top-right-radius: 0px;
     	border-bottom-right-radius:0px;
	}
	.object_container[viewpoint=four][playerloaded=true] > .object_content { 
		width: 100%;
		height: 100%;
		border-top-right-radius: inherit;
     	border-bottom-right-radius: inherit;
	}


	.object_container[viewpoint=two] > .objectdata_content, 
	.object_container[viewpoint=eight] > .objectdata_content {   	
		width: 250px;
		height: 100%;
		border-top-left-radius:0px;
     	border-bottom-left-radius:0px;
     	display:inline-block;

	}
	.object_container[viewpoint=three] > .objectdata_content,
	.object_container[viewpoint=seven] > .objectdata_content { 
		width: 100%;
		height: 142px;
		border-top-left-radius: 0px;
     	border-top-right-radius:0px;
     	display:inline-block;
	}
	.object_container[viewpoint=four] > .objectdata_content,
	.object_container[viewpoint=four][playerloaded=false] > .objectdata_content { 
		width: 250px;
		height: 100%;
		border-top-left-radius:0px;
     	border-bottom-left-radius:0px;
     	display:inline-block;
	}
	.object_container[viewpoint=four][playerloaded=true] > .objectdata_content { 
		width: 0px;
		height: 100%;
		display:inline-block;
	}




	
		.object_container > .object_content > .object {
			width: 100%;
			height: 100%;	
			display:block;
			position: relative;							
			z-index:20;					
			overflow:hidden;
			cursor:pointer;
			
			border-radius: inherit;
			
			background-position: center center;
			background-repeat: no-repeat;
			background-size: 110% auto;				
			-moz-background-size: 110% auto;
			-webkit-background-origin:content-box;
			background-origin:content-box;
			background-clip:content-box;		
		}
		
			.object_container > .object_content > .object > .objectinfo {
				position:absolute;
				top:0px;
				left:0px;
				bottom:0px;
				right:0px;				
				border-radius: inherit;
				padding:4px;
				opacity:0.8;
				background-color: transparent;
			}
			.object_container > .object_content > .object > .objectinfo:hover {
				opacity:1;
				background-color:rgba(0,0,0,.3);

			}

				.object_container > .object_content > .object > .objectinfo > .infotop {}
				
					.object_container > .object_content > .object > .objectinfo > .infotop > .playbutton {
						cursor:pointer;
						float:left;
						margin:4px;	
						opacity:0.6;
					}
					.object_container > .object_content > .object > .objectinfo > .infotop > .playbutton:hover {
						opacity:1;
					}

				.object_container > .object_content > .object > .objectinfo > .infobottom {
					line-height: 13px;
					font-size:11px;
					background-color:rgba(0,0,0, 0.8);
					color:#E2E2EA;
					text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.1);

					height:auto;
					position:absolute;
					bottom: 0px;
					left: 0px;
					right: 0px;
					padding: 4px;	
					display:block;	
				}
					.object_container > .object_content > .object > .objectinfo > .infobottom > .sport,
					.object_container > .object_content > .object > .objectinfo > .infobottom > .skills,
					.object_container > .object_content > .object > .objectinfo > .infobottom > .title,
					.object_container > .object_content > .object > .objectinfo > .infobottom > .uploadedby,
					.object_container > .object_content > .object > .objectinfo > .infobottom > .duration {
						overflow: hidden;
						overflow-x:hidden;
						overflow-y:hidden;
						padding:2px;
						height:13px;
					}
					.object_container > .object_content > .object > .objectinfo > .infobottom > .sport {
						padding-left:0px;
						display: none;
					}	
					.object_container[sport=false] > .object_content > .object > .objectinfo > .infobottom > .sport {
						display: inline;
					}	
					.object_container[viewpoint=two] > .object_content > .object > .objectinfo > .infobottom > .sport,
					.object_container[viewpoint=three] > .object_content > .object > .objectinfo > .infobottom > .sport,
					.object_container[viewpoint=four] > .object_content > .object > .objectinfo > .infobottom > .sport,
					.object_container[viewpoint=seven] > .object_content > .object > .objectinfo > .infobottom > .sport,
					.object_container[viewpoint=eight] > .object_content > .object > .objectinfo > .infobottom > .sport {
						display:none;
					}

							
					.object_container > .object_content > .object > .objectinfo > .infobottom > .sport,
					.object_container > .object_content > .object > .objectinfo > .infobottom > .skills {
						color:yellow;
						text-transform:uppercase;
						font-size:12px;
					}
					.object_container > .object_content > .object > .objectinfo > .infobottom > .skills {
						color:#B2C1FF;
					}	
					.object_container[viewpoint=two] > .object_content > .object > .objectinfo > .infobottom > .skills,
					.object_container[viewpoint=three] > .object_content > .object > .objectinfo > .infobottom > .skills,
					.object_container[viewpoint=four] > .object_content > .object > .objectinfo > .infobottom > .skills,
					.object_container[viewpoint=seven] > .object_content > .object > .objectinfo > .infobottom > .skills,
					.object_container[viewpoint=eight] > .object_content > .object > .objectinfo > .infobottom > .skills {
						display:none;
					}
	
					.object_container > .object_content > .object > .objectinfo > .infobottom > .title,
					.object_container > .object_content > .object > .objectinfo > .infobottom > .uploadedby,
					.object_container > .object_content > .object > .objectinfo > .infobottom > .duration {
						font-family:Tahoma, Arial, Helvetica, sans-serif;
					}
					.object_container > .object_content > .object > .objectinfo > .infobottom > .title {
						height:auto;
						max-height: 26px;
						line-height:14px;
						color:#f1f1f5; /*#E4B3FF; #B3B3FF;*/
					}
					.object_container[viewpoint=two] > .object_content > .object > .objectinfo > .infobottom > .title,
					.object_container[viewpoint=three] > .object_content > .object > .objectinfo > .infobottom > .title,
					.object_container[viewpoint=four] > .object_content > .object > .objectinfo > .infobottom > .title,
					.object_container[viewpoint=seven] > .object_content > .object > .objectinfo > .infobottom > .title,
					.object_container[viewpoint=eight] > .object_content > .object > .objectinfo > .infobottom > .title {
						display:none;
					}

					.object_container > .object_content > .object > .objectinfo > .infobottom > .uploadedby {
						color:#CECEDF;
						display:none;
					}							
					.object_container > .object_content > .object > .objectinfo > .infobottom > .duration {
						display:none;
					}

					.object_container[viewpoint=two] > .object_content > .object > .objectinfo > .infobottom > .uploadedby,
					.object_container[viewpoint=three] > .object_content > .object > .objectinfo > .infobottom > .uploadedby,
					.object_container[viewpoint=four] > .object_content > .object > .objectinfo > .infobottom > .uploadedby,
					.object_container[viewpoint=seven] > .object_content > .object > .objectinfo > .infobottom > .uploadedby,
					.object_container[viewpoint=eight] > .object_content > .object > .objectinfo > .infobottom > .uploadedby,
					.object_container[viewpoint=two] > .object_content > .object > .objectinfo > .infobottom > .duration,
					.object_container[viewpoint=three] > .object_content > .object > .objectinfo > .infobottom > .duration,
					.object_container[viewpoint=four] > .object_content > .object > .objectinfo > .infobottom > .duration,
					.object_container[viewpoint=seven] > .object_content > .object > .objectinfo > .infobottom > .duration,
					.object_container[viewpoint=eight] > .object_content > .object > .objectinfo > .infobottom > .duration {
						display:block;
					}

				
				
				
			.object_container > .objectdata_content > .objectdata {			
				position:relative;
				line-height:20px;
				height:100%;
				width:auto;				
				border-radius: inherit;
			}
			
				.object_container > .objectdata_content > .objectdata > .title,
				.object_container > .objectdata_content > .objectdata > .uploadedby,
				.object_container > .objectdata_content > .objectdata > .infosport {
					overflow:hidden;
					overflow-x:hidden;
					overflow-y:hidden;
					position:relative;
					padding:2px 4px;	
				}
			
				.object_container > .objectdata_content > .objectdata > .title {			
					height:36px;
					color:#637;
					background-color:rgba(0,0,0,.1);
					overflow-x:hidden;
				 	overflow-y:hidden;
								
				}
				.object_container > .objectdata_content > .objectdata > .infosport {
					max-height:34px;	
					text-transform:uppercase;
					overflow-x:hidden;
				 	overflow-y:hidden;
							
				}
					.object_container > .objectdata_content > .objectdata > .infosport > .sport {
						display:none;	
						color:#414158;
						padding-right:6px;	
					}
					.object_container[sport=false] > .objectdata_content > .objectdata > .infosport > .sport {
						display:inline;
					}
					.object_container > .objectdata_content > .objectdata > .infosport > .skills {
						display:inline;
						color: #0096ff;					
					}
				.object_container > .objectdata_content > .objectdata > .description {
					margin:8px 0px;
					height:140px;
					padding:0px;
					position:relative;
					display:none;
				}
				.object_container[viewpoint=four] > .objectdata_content > .objectdata > .description {
					display:block;
				}
					.object_container > .objectdata_content > .objectdata > .description > .descriptiontext {
						 position:absolute;
						 top:0px;
						 bottom:0px;
						 overflow:auto;
						 overflow-x:hidden;
						 width:100%;
						 word-wrap:break-word;	
					} 
					.object_container > .objectdata_content > .objectdata > .description > .descriptiontext > div {
						padding:4px;
					}
					
				.objectdata_content > .objectdata > .objectsocial {
					max-height:34px;
					line-height:34px;
					border-top: 1px dotted #CFCFCF;
					position: absolute;
					bottom: 0px;
					right: 0px;
					left: 0px;
					text-transform:uppercase;
					overflow-x:hidden;
					overflow-y:hidden;
					
				}
					/*.objectdata_content > .objectdata > .objectsocial > .objectviews,
					.objectdata_content > .objectdata > .objectsocial > .objectlikes,
					.objectdata_content > .objectdata > .objectsocial > .objectcomments,
					.objectdata_content > .objectdata > .objectsocial > .objectshare*/
					.objectdata_content > .objectdata > .objectsocial > div {
						position:relative;
						display:inline-block;
						padding:0px 3px 0px 6px;
					}
					.objectdata_content > .objectdata > .objectsocial > .objectshare {
						float:right;
						padding:0px 6px 0px 3px;
					}
						/*.objectdata_content > .objectdata > .objectsocial > .objectviews > img,
						.objectdata_content > .objectdata > .objectsocial > .objectlikes > img,
						.objectdata_content > .objectdata > .objectsocial > .objectcomments > img,
						.objectdata_content > .objectdata > .objectsocial > .objectshare > img*/
						.objectdata_content > .objectdata > .objectsocial > div > img {
							position:relative;
							display:inline-block;
							height:16px;
							width:16px;
							vertical-align:middle;
							max-width:60px;
							overflow-x:hidden;
							overflow-y:hidden;
							opacity:0.6;
							margin-top:-2px;
						}						
						.objectdata_content > .objectdata > .objectsocial > .objectlikes > img,
						.objectdata_content > .objectdata > .objectsocial > .objectshare > img  {
							cursor:pointer;
							opacity:0.8;
						}
						.objectdata_content > .objectdata > .objectsocial > .objectshare > img {
							max-width:16px;
						}
						.objectdata_content > .objectdata > .objectsocial > .objectlikes > img:hover,
						.objectdata_content > .objectdata > .objectsocial > .objectshare > img:hover {
							opacity:1;
						}
						.objectdata_content > .objectdata > .objectsocial > .objectviews > div,
						.objectdata_content > .objectdata > .objectsocial > .objectlikes > div,
						.objectdata_content > .objectdata > .objectsocial > .objectcomments > div {
							position:relative;
							padding:0px 3px;							
							display:inline-block;
						}