accordion-view .video {
	color: black;
	white-space: normal;
	overflow: hidden;
}

accordion-view .video .title {
	margin-left: 10px;
	margin-right: 10px;
	margin-top: 10px;
	font-size: 0.8rem;
	font-weight: bold;
}

accordion-view .video .previewPanel, accordion-view .message .previewPanel {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	background-size: cover;
	background-position: center center;
}

accordion-view .video .previewPanel .watchButton, accordion-view .message .previewPanel .watchButton  {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 100px;
	height: 100px;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	background: url(/images/playIcon.svg);
	background-size: contain;
	background-position: center center;
	opacity: 0.6;
}

accordion-view .video .previewPanel.tizenhovered .watchButton,
accordion-view .video .previewPanel .watchButton.focused, accordion-view .message .previewPanel .watchButton.focused {
	opacity: 1;
}

accordion-view .video .details {
	margin: 10px;
	font-size: 0.7rem;
	white-space: pre-wrap;
}

accordion-view .video .details img {
	display: block;
	margin: auto;
	margin-top: 20px;
	width: auto;
	height: auto;
	max-width: 60%;
	max-height: 60%;
	border: 10px solid white;
}