#body .hr {
	margin: 5px 5px 0;
	border-bottom: 1px solid #e6e6e6
}
#app {
	position: relative
}
#product {
	padding: 27px 7px 12px
}
#product .controls {
	position: absolute;
	top: 54px;
	left: 162px;
	width: 180px;
	height: 320px;
	cursor: pointer
}
#product #play, #product #pause {
	position: absolute;
	top: 128px;
	left: 6px;
	display: none
}
#product #play {
	background: url('../img/app/play.png') no-repeat top left transparent;
	width: 168px;
	height: 41px
}
#product #pause {
	background: url('../img/app/pause.png') no-repeat top left transparent;
	width: 168px;
	height: 41px;
	display: none
}
#product .controls:hover #pause, #product .controls:hover #play {
	background-position: bottom left
}
#product .video {
	position: absolute;
	top: 54px;
	left: 162px;
	display: none;
	width: 180px;
	height: 320px;
	overflow: hidden
}
#product .video video, #product .video img {
	position: absolute;
	top: 0;
	left: 0
}
#commentary {
	position: absolute;
	left: 0;
	top: 194px
}
#commentary .comments .copy {
	display: none;
	text-align: right;
	font-size: 14px;
	line-height: 19px;
	position: absolute;
	right: -140px
}
#feature-list, #details {
	margin-top: 28px
}
#feature-list {
	width: 200px
}
#feature-list .feature {
	width: 146px;
	margin-bottom: 7px;
	padding: 22px 0 17px 45px;
	font-size: 15px;
	color: #343434;
	text-decoration: none;
	display: block;
	letter-spacing: -0.5px;
	cursor: pointer;
	white-space: nowrap
}
#feature-list .feature.selected {
	background-position: top left!important;
	color: #05b6cc
}
#feature-list .feature:hover {
	background-position: top left!important;
	color: #05b6cc
}
#feature-list .call {
	background: url('../img/app/phone.png') no-repeat bottom left #f7f7f7
}
#feature-list .space {
	background: url('../img/app/space.png') no-repeat bottom left #f7f7f7
}
#feature-list .memories {
	background: url('../img/app/memories.png') no-repeat bottom left #f7f7f7
}
#feature-list .remote {
	background: url('../img/app/remote.png') no-repeat bottom left #f7f7f7
}
#feature-list .stream {
	background: url('../img/app/streaming.png') no-repeat bottom left #f7f7f7
}
#feature-list .mic {
	background: url('../img/app/mic.png') no-repeat bottom left #f7f7f7
}
#feature-list .findmyha {
	background: url('../img/app/findmyha.png') no-repeat bottom left #f7f7f7
}
#feature-list .beacons {
	background: url('../img/app/beacons.png') no-repeat bottom left #f7f7f7
}
#details {
	width: 332px;
	height: 480px;
	background-color: #f7f7f7;
	overflow: hidden
}
#details .content {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%
}
#details .content .container {
	width: 342px;
	height: 480px
}
#details .content p {
	padding: 24px 28px;
	font-size: 13px;
	line-height: 18px
}
#details .content p sup {
	font-size: 11px!important;
	line-height: 0
}
#details .call .container {
	background: url('../img/app/phone_back.png') no-repeat bottom left #f7f7f7
}
#details .space .container {
	background: url('../img/app/space_back.png') no-repeat bottom left #f7f7f7
}
#details .memories .container {
	background: url('../img/app/memories_back.png') no-repeat bottom left #f7f7f7
}
#details .remote .container {
	background: url('../img/app/remote_back.png') no-repeat bottom left #f7f7f7
}
#details .stream .container {
	background: url('../img/app/streaming_back.png') no-repeat bottom left #f7f7f7
}
#details .mic .container {
	background: url('../img/app/mic_back.png') no-repeat bottom left #f7f7f7
}
#details .findmyha .container {
	background: url('../img/app/findmyha_back.png') no-repeat bottom left #f7f7f7
}

#details .beacons .container {
	background: url('../img/app/beacons_back.png') no-repeat bottom left #f7f7f7
}
#app .arrow {
	background: url('../img/app/arrow.png') no-repeat top right transparent;
	width: 22px;
	height: 54px;
	margin: 30px 0;
	position: relative;
	top: 0;
	left: 0
}
#app .arrow_box {
	width: 150px;
	padding: 10px;
	text-align: left;
	position: absolute;
	right: 0;
	background: #FFF;
	border: 1px solid #05b6cc
}
#app .arrow_box:after, #app .arrow_box:before {
	left: 100%;
	top: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none
}
#app .arrow_box:after {
	border-color: rgba(255,255,255,0);
	border-left-color: #FFF;
	border-width: 11px;
	margin-top: -11px
}
#app .arrow_box:before {
	border-color: rgba(5,182,204,0);
	border-left-color: #05b6cc;
	border-width: 12px;
	margin-top: -12px
}